UserStatus: Various style-fixes for entry in settings-menu

Signed-off-by: Georg Ehrke <developer@georgehrke.com>
This commit is contained in:
Georg Ehrke 2020-08-05 12:44:40 +02:00
parent 8359c8f011
commit 9ae5f959a8
No known key found for this signature in database
GPG Key ID: 9D98FD9380A1CB43
3 changed files with 15 additions and 13 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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 {