}
menu {
+ @include ellipsis;
+
background-color: var(--menuBackgroundColor);
margin: 0;
padding: 0;
height: 100%;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
+ overflow: auto;
color: var(--menuForegroundColor);
display: flex;
flex-direction: column;
margin-bottom: 35px;
.logged-in-info {
+ @include ellipsis;
+
flex-grow: 1;
- .logged-in-username {
+ .logged-in-display-name {
font-size: 16px;
font-weight: $font-semibold;
color: var(--menuForegroundColor);
@include disable-default-a-behaviour;
}
- .logged-in-email {
+ .logged-in-username {
+ @include ellipsis;
+
font-size: 13px;
color: #C6C6C6;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
max-width: 140px;
}
}