accounts-frontend/src/components/userbar/loggedInPanel.scss

54 lines
778 B
SCSS
Raw Normal View History

@import '~components/ui/colors.scss';
.loggedInPanel {
}
.activeAccount {
position: relative;
display: inline-block;
$border: 1px solid rgba(#fff, .15);
border-left: $border;
border-right: $border;
}
.activeAccountExpanded {
.accountSwitcherContainer {
display: block;
}
.expandIcon {
transform: rotate(180deg);
}
}
.userIcon {
composes: user from 'components/ui/icons.scss';
position: relative;
bottom: 2px;
padding-right: 5px;
}
.expandIcon {
composes: caret from 'components/ui/icons.scss';
margin-left: 4px;
font-size: 6px;
color: #CCC;
}
.userName {
}
.accountSwitcherContainer {
position: absolute;
top: 100%;
right: -2px;
cursor: auto;
display: none;
}