diff options
| author | Georg Ehrke <developer@georgehrke.com> | 2020-08-05 13:44:40 +0300 |
|---|---|---|
| committer | Georg Ehrke <developer@georgehrke.com> | 2020-08-05 15:31:53 +0300 |
| commit | 9ae5f959a8796b7815d4ef23e54b1de8551eb313 (patch) | |
| tree | 259e1c34182fa809c0eb97b164fc2eb57e0dad93 /apps/user_status/src | |
| parent | 8359c8f01111a528ee0a55edb52239bb30a50750 (diff) | |
UserStatus: Various style-fixes for entry in settings-menu
Signed-off-by: Georg Ehrke <developer@georgehrke.com>
Diffstat (limited to 'apps/user_status/src')
| -rw-r--r-- | apps/user_status/src/App.vue | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/apps/user_status/src/App.vue b/apps/user_status/src/App.vue index e8c3021c7ec..116c7a0ca47 100644 --- a/apps/user_status/src/App.vue +++ b/apps/user_status/src/App.vue @@ -22,7 +22,11 @@ <template> <li> <div id="user-status-menu-item"> - <span id="user-status-menu-item__header">{{ displayName }}</span> + <span + id="user-status-menu-item__header" + :title="displayName"> + {{ displayName }} + </span> <Actions id="user-status-menu-item__subheader" :default-icon="statusIcon" @@ -236,17 +240,14 @@ export default { #user-status-menu-item { &__header { display: block; - align-items: center; color: var(--color-main-text); - padding: 10px 12px 5px 12px; - box-sizing: border-box; + padding: 10px 12px 5px 38px; opacity: 1; white-space: nowrap; - width: 100%; - text-align: center; - max-width: 250px; + text-align: left; + max-width: 150px; + overflow: hidden; text-overflow: ellipsis; - min-width: 175px; } &__subheader { @@ -254,12 +255,13 @@ export default { > button { background-color: var(--color-main-background); + background-position: 12px center; background-size: 16px; border: 0; border-radius: 0; font-weight: normal; - font-size: 0.875em; - padding-left: 40px; + padding-left: 38px; + opacity: 1; &:hover, &:focus { |