Changeset View
Changeset View
Standalone View
Standalone View
web/sidebar/left-layout-aside.css
| .container { | .container { | ||||
| grid-area: sBar; | grid-area: sBar; | ||||
| background: var(--bg); | background: var(--bg); | ||||
| border-right: 1px solid var(--border-color); | border-right: 1px solid var(--border-color); | ||||
| display: flex; | display: flex; | ||||
| width: 560px; | |||||
| } | } | ||||
| .navigationPanelContainer { | .navigationPanelContainer { | ||||
| width: 160px; | flex-direction: row; | ||||
| margin-top: 12px; | display: flex; | ||||
| } | } | ||||
| .navigationPanelTab { | .navigationPanelTab { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: row; | flex-direction: row; | ||||
| padding: 12px 0 12px 28px; | padding: 16px; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| } | } | ||||
| .navigationPanelTab svg { | .navigationPanelTab svg { | ||||
| padding-right: 12px; | |||||
| color: var(--color-disabled); | color: var(--color-disabled); | ||||
| stroke: var(--color-disabled); | stroke: var(--color-disabled); | ||||
| fill: var(--color-disabled); | fill: var(--color-disabled); | ||||
| } | } | ||||
| .navigationPanelTab p { | .navigationPanelTab p { | ||||
| color: var(--color-disabled); | color: var(--color-disabled); | ||||
| margin-right: 8px; | |||||
| margin-left: 8px; | |||||
| } | } | ||||
| .navigationPanelTab:hover p, | .navigationPanelTab:hover p, | ||||
| .navigationPanelTab:hover svg, | .navigationPanelTab:hover svg, | ||||
| div.current_tab p, | div.current_tab p, | ||||
| div.current_tab svg { | div.current_tab svg { | ||||
| color: var(--fg); | color: var(--fg); | ||||
| stroke: var(--fg); | stroke: var(--fg); | ||||
| fill: var(--fg); | fill: var(--fg); | ||||
| } | } | ||||
| div.current_tab { | |||||
| border-bottom: 2px solid var(--tabs-header-active-border); | |||||
| height: 58px; | |||||
| } | |||||
| .container p { | .container p { | ||||
| display: flex; | display: flex; | ||||
| align-content: center; | align-content: center; | ||||
| } | } | ||||
| .chatIconWrapper { | .chatIconWrapper { | ||||
| position: relative; | position: relative; | ||||
| } | } | ||||
| Show All 17 Lines | |||||