diff options
author | greta <gretadoci@gmail.com> | 2021-11-10 16:02:17 +0100 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2021-11-12 11:56:41 +0100 |
commit | 499c9e0a4dccd1237b93734be5b6517ba3ad5283 (patch) | |
tree | 58ccc129df7484576ae2edbce6c74243b0e5dd6b /src | |
parent | dfa8555dce37c2b1b401a367991aaddf729df549 (diff) |
Fix shareenamelaber width
Signed-off-by: greta <gretadoci@gmail.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/AppNavigation/Settings/SettingsAddressbookShare.vue | 6 | ||||
-rw-r--r-- | src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue | 17 |
2 files changed, 21 insertions, 2 deletions
diff --git a/src/components/AppNavigation/Settings/SettingsAddressbookShare.vue b/src/components/AppNavigation/Settings/SettingsAddressbookShare.vue index c0e22b8d..ac2789ee 100644 --- a/src/components/AppNavigation/Settings/SettingsAddressbookShare.vue +++ b/src/components/AppNavigation/Settings/SettingsAddressbookShare.vue @@ -140,3 +140,9 @@ export default { }, } </script> +<style lang="scss" scoped> +.addressbook-shares__list { + margin-left: -8px; + width: 282px; +} +</style> diff --git a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue index f9bb7af0..e6e3cb96 100644 --- a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue +++ b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue @@ -28,7 +28,8 @@ 'icon-user': !sharee.isGroup && !loading }" class="icon" /> - <span class="addressbook-sharee__identifier"> + <span class="addressbook-sharee__identifier" + :title="sharee.displayName"> {{ sharee.displayName }} </span> <span class="addressbook-sharee__utils"> @@ -40,7 +41,8 @@ name="editable" type="checkbox" @change="editSharee"> - <label :for="uid"> + <label :for="uid" + :title="t('contacts', 'can edit')"> {{ t('contacts', 'can edit') }} </label> <a :class="{'addressbook-sharee__utils--disabled': loading}" @@ -126,3 +128,14 @@ export default { }, } </script> +<style lang="scss" scoped> +.addressbook-sharee__utils { + text-overflow: ellipsis; +} + +.addressbook-sharee__utils label { + overflow: hidden; + text-overflow: ellipsis; + width: 107px; +} +</style> |