src/app/main-layout/user-session/user-session.component.scss
/**
* @license
* Copyright (c) La Vía Óntica SC, Ontica LLC and contributors. All rights reserved.
*
* See LICENSE.txt in the project root for complete license information.
*/
@import '../../../styles/variables', '../../../styles/mixins', '../top-bar/top-bar.component.scss';
.toolbar-item {
margin-right: 0;
}
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
height: 100%;
margin-left: 16px;
}
.user-name {
text-transform: uppercase;
font-size: 10pt;
line-height: 10pt;
padding-bottom: 8px;
}
.logout {
font-size: 8pt;
line-height: 8pt;
text-decoration: underline;
color: $link-color;
@include medium() {
color: $white;
}
}
.logout:hover {
color: $text-color-dark;
@include medium() {
color: darken($white, 15%);
}
}
.menu-user-info-container {
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
padding: 0 16px;
font-weight: 600;
min-height: $toolbar-item-size;
.menu-user-name {
color: $primary-color-dark;
font-size: 12pt;
line-height: $toolbar-item-size;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.menu-user-toggle {
margin-left: 16px;
&.mat-button-toggle-group {
height: 24px;
align-items: center;
}
.mat-button-toggle-label-content {
line-height: 24px !important;
}
}