}
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;
justify-content: center;
margin-bottom: 35px;
- img {
- @include avatar(34px);
-
- margin-left: 20px;
- margin-right: 10px;
- }
-
.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;
}
}
}
}
-@media screen and (max-width: 400px) {
+@media screen and (max-width: $mobile-view) {
.menu-wrapper {
width: 100% !important;
}