github.com/argoproj/argo-cd/v3@v3.2.1/ui/src/app/shared/components/page/page.scss (about)

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  @import 'node_modules/argo-ui/src/styles/theme';
     3  @import '../../config.scss';
     4  
     5  .page-wrapper {
     6      width: 100%;
     7      padding-left: $sidebar-width;
     8      .page {
     9          @media (max-width: map-get($breakpoints, medium)) {
    10              &--has-toolbar {
    11                  padding-top: 0;
    12              }
    13  
    14              &--has-toolbar &__top-bar {
    15                  height: auto;
    16                  position: initial;
    17  
    18                  .top-bar.row > div {
    19                      max-width: 100%;
    20                      flex: 0 0 100%;
    21                      text-align: center;
    22  
    23                      &.top-bar__right-side > div {
    24                          display: inline-block;
    25                      }
    26  
    27                      & > div {
    28                          display: flex;
    29                          flex-wrap: wrap;
    30                          justify-content: center;
    31  
    32                          button {
    33                              margin-bottom: 2px;
    34                          }
    35                      }
    36                  }
    37              }
    38          }
    39          $single-toolbar-height: 50px;
    40  
    41          &--has-toolbar {
    42              padding-top: $single-toolbar-height;
    43          }
    44          &__top-bar {
    45              height: $single-toolbar-height;
    46              left: $sidebar-width;
    47          }
    48      }
    49  }
    50  
    51  .login-logout-button {
    52      border-radius: 3px;
    53      @include themify($themes) {
    54          color: themed('light-argo-teal-7');
    55      }
    56      padding: 3px;
    57      cursor: pointer;
    58  
    59      &:focus {
    60          color: $argo-color-teal-5;
    61          box-shadow: 0 0 0 0.1em $argo-color-teal-5;
    62      }
    63      &:hover {
    64          @include themify($themes) {
    65              color: themed('light-argo-teal-5');
    66          }
    67      }
    68  }
    69  
    70  .page {
    71      padding-left: 0 !important;
    72      &__top-bar {
    73          left: $sidebar-width !important;
    74      }
    75  }
    76  
    77  .sb-page-wrapper {
    78      padding-left: $sidebar-width;
    79  
    80      &__sidebar-collapsed {
    81          padding-left: $collapsed-sidebar-width;
    82          .flex-top-bar {
    83              left: $collapsed-sidebar-width;
    84          }
    85  
    86          .page {
    87              &__top-bar {
    88                  left: $collapsed-sidebar-width !important;
    89              }
    90          }
    91  
    92          .application-details__status-panel {
    93              left: $collapsed-sidebar-width;
    94          }
    95      }
    96  }