| html, |
| body, |
| #root, |
| .App { |
| height: 100%; |
| font-size: 14px; |
| } |
| |
| #root { |
| margin: 0; |
| height: 100%; |
| } |
| |
| #root { |
| display: flex; |
| flex-direction: column; |
| } |
| |
| .karavan .pf-c-page__main { |
| overflow: hidden; |
| } |
| |
| .logo { |
| display: flex; |
| } |
| |
| .logo .pf-c-brand { |
| height: 30px; |
| margin-right: 10px; |
| } |
| |
| .karavan .nav-buttons { |
| background: var(--pf-c-page__header--BackgroundColor); |
| } |
| |
| .karavan .nav-buttons .logo { |
| margin-top: 16px; |
| margin-bottom: 10px; |
| width: 32px; |
| height: 32px; |
| } |
| |
| .karavan .nav-buttons .pf-c-button { |
| padding: 0; |
| width: 64px; |
| height: 64px; |
| color: var(--pf-global--Color--light-100); |
| } |
| |
| .karavan .nav-buttons .pf-c-button svg { |
| width: 24px; |
| } |
| |
| .karavan .nav-buttons .avatar { |
| width: 32px; |
| height: 32px; |
| margin-bottom: 6px; |
| border: solid var(--pf-global--Color--light-100) 1px; |
| background-color: var(--pf-global--Color--light-100); |
| border-radius: 32px; |
| padding: 6px; |
| } |
| |
| .karavan .nav-buttons .pf-c-button.pf-m-plain { |
| border-left-width: 3px; |
| border-left-style: solid; |
| border-left-color: transparent; |
| border-radius: 0; |
| } |
| |
| .karavan .nav-button-selected .pf-c-button.pf-m-plain { |
| border-left-color: var(--pf-global--active-color--400); |
| background-color: var(--pf-global--BackgroundColor--dark-400); |
| } |