src/features/shared/components/PageTitle/PageTitle.scss

   1 .main {
   2   background: $background-color;
   3   padding: $gutter-size;
   4   border-bottom: 1px solid $border-color;
   5   height: $title-height;
   6   display: flex;
   7   align-items: center;
   8   left: $sidebar-width;
   9   z-index: 99;
  10   position:fixed;
  11   right:0;
  12   code {
  13     display: inline-block;
  14     font-size: $font-size-code;
  15     font-weight: normal;
  16     margin-left: 3px;
  17     vertical-align: middle;
  18     overflow: hidden;
  19     text-overflow: ellipsis;
  20     white-space: nowrap;
  21     max-width: 300px;
  22     padding: 0 6px;
  23     background: $background-emphasis-color;
  24     border: 1px solid transparentize($border-color, 0.5);
  25     line-height: 1.4;
  26   }
  27 }
  28 .title {
  29   color: $text-strong-color;
  30 }
  31
  32 .navigation {
  33   flex-grow: 1;
  34 }
  35
  36 .crumbs {
  37   display: flex;
  38   font-size: $font-size-page-title;
  39   list-style-type: none;
  40   margin: 0;
  41   padding: 0;
  42 }
  43
  44 .crumb a {
  45   position: relative;
  46   padding-right: $gutter-size/2;
  47   margin-right: $gutter-size/2;
  48
  49   .chevron {
  50     width: 5px;
  51     height: 10px;
  52     position: absolute;
  53     right: -2px;
  54     top: calc(50% - 5px) ;
  55   }
  56 }
  57
  58 .actions {
  59   list-style-type: none;
  60   display: flex;
  61   margin: 0;
  62   padding: 0;
  63 }
  64
  65 .flash {
  66   z-index: 10;
  67   width: calc(100% - 220px);
  68 }
  69