diff options
author | greta <gretadoci@gmail.com> | 2022-07-04 18:16:32 +0200 |
---|---|---|
committer | Richard Steinmetz <richard@steinmetz.cloud> | 2022-07-19 10:36:08 +0200 |
commit | d69b4cbfeef3b22dc8c0f1c4bbab32249100f1fd (patch) | |
tree | 47d563e9572e31e5655db2ac9928647e10465687 /src/components/Properties/PropertySelect.vue | |
parent | 5d9a88b6013ce160e5fb818d7d836dfc963b332a (diff) |
Fix styling regression on contacts
Signed-off-by: greta <gretadoci@gmail.com>
Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
Diffstat (limited to 'src/components/Properties/PropertySelect.vue')
-rw-r--r-- | src/components/Properties/PropertySelect.vue | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/components/Properties/PropertySelect.vue b/src/components/Properties/PropertySelect.vue index 8e4ef727..cbfe392d 100644 --- a/src/components/Properties/PropertySelect.vue +++ b/src/components/Properties/PropertySelect.vue @@ -125,3 +125,29 @@ export default { } </script> +<style lang="scss" scoped> +.property__label:not(.multiselect) { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + opacity: 0.7; +} +.property__row { + position: relative; + display: flex; + align-items: center; +} +.property__label, .property__label.multiselect { + flex: 1 0; + width: 60px; + min-width: 60px !important; + max-width: 120px; + height: 34px; + margin: 3px 5px 3px 0 !important; + user-select: none; + text-align: right; + background-size: 16px; + line-height: 35px; +} + +</style> |