// This Source Code Form is subject to the terms of the Mozilla Public // License, v. 2.0. If a copy of the MPL was not distributed with this // file, You can obtain one at http://mozilla.org/MPL/2.0/. // // Copyright (c) KALEIDOS INC .dashboard-header { display: flex; align-items: center; justify-content: space-between; background-color: $color-white; height: 63px; padding: $size-1 $size-4 $size-1 $size-2; position: relative; z-index: 10; user-select: none; &.team { display: grid; grid-template-columns: 20% 1fr 20%; } .element-name { margin-right: $size-2; } .btn-secondary { flex-shrink: 0; z-index: 10; height: 32px; } svg { fill: $color-black; height: 14px; margin-right: $size-1; width: 14px; } nav { display: flex; align-items: flex-end; justify-content: center; z-index: 1; ul { display: flex; font-size: $fs14; justify-content: center; margin: 0; } li { a { display: flex; align-items: center; flex-basis: 140px; border-bottom: 3px solid transparent; color: $color-gray-30; height: 40px; padding: $size-1 $size-5; font-weight: $fw400; &:hover { color: $color-black; text-decoration: none; } } &.active { a { color: $color-black; border-color: $color-primary; } } } } .dashboard-title { display: flex; align-items: center; margin-left: 13px; h1 { color: $color-black; display: flex; flex-shrink: 0; font-size: $fs22; font-weight: $fw600; z-index: 10; user-select: all; } .context-menu.is-open { margin-top: 10px; } } .icon { display: flex; align-items: center; cursor: pointer; margin-left: $size-2; z-index: 10; svg { fill: $color-gray-40; width: 15px; height: 15px; &:hover { fill: $color-primary-dark; } } } .dashboard-buttons { display: flex; justify-content: flex-end; align-items: center; } .dashboard-header-actions { display: flex; } .pin-icon { margin: 0 $size-2 0 $size-5; background-color: transparent; border: none; svg { fill: $color-gray-20; } &.active { svg { fill: $color-gray-50; } } } }