From af13653ff11a2926a2644613a318f3ed8606513e Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Thu, 2 Nov 2023 15:16:37 +0300 Subject: [PATCH] user-bar --- .../user-bar/header-user-bar.component.scss | 110 ------------------ 1 file changed, 110 deletions(-) diff --git a/projects/app/_modules/layout/header/user-bar/header-user-bar.component.scss b/projects/app/_modules/layout/header/user-bar/header-user-bar.component.scss index 4cf8514..e69de29 100644 --- a/projects/app/_modules/layout/header/user-bar/header-user-bar.component.scss +++ b/projects/app/_modules/layout/header/user-bar/header-user-bar.component.scss @@ -1,110 +0,0 @@ -.user { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - - .avatar { - width: 38px; - height: 38px; - color: var(--prime); - border: 1px solid var(--prime); - background: #fff; - border-radius: 100%; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - overflow: hidden; - .initials { - } - img { - display: block; - width: 100%; - height: 100%; - object-fit: cover; - } - } - - .name{ - margin: 8px 4px 0 12px; - color: #2D2D2D; - white-space: nowrap; - - } - .toggle{ - height: 24px; - width: 24px; - background: url("~projects/app-root/src/assets/images/icons/arrow_drop_down_grey_24dp.svg") no-repeat center; - margin-top: 7px; - } - - .fog{ - background-color: transparent; - width: 100vw; - height: 100vh; - position:fixed; - top: 0; - left: 0; - &.hidden{ - display: none; - } - } - - - .dropdown { - display: block; - width: 250px; - left: -112px; - top: 24px; - z-index: 1; - ul { - display: flex; - flex-direction: column; - margin: 0; - padding: 0; - list-style: none; - border-radius: 12px; - li { - display: block; - padding: 12px 20px; - color: #2D2D2D; - cursor: pointer; - border-bottom: #E0E0E0 solid 1px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - &:first-child { - border-radius: 8px 8px 0 0; - } - &:last-child { - border-radius: 0 0 8px 8px; - a, span { - border-bottom: none; - } - } - &:hover { - background-color: #f7f7f7; - } - } - } - &.hidden{ - display: none; - } - - } -} -@media screen and (max-width: 1360px) { - .user { - .avatar { - background-color: var(--white); - margin-right: 18px; - } - .name{ - display: none; - } - } - -} - -