client/src/app/app.component.scss

   1 .main-row {
   2   min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
   3 }
   4
   5 .title-menu-left {
   6   position: fixed;
   7   height: calc(100vh - #{$header-height});
   8   padding: 0;
   9
  10   .title-menu-left-block.menu {
  11     height: 100%;
  12   }
  13 }
  14
  15 .header {
  16   height: $header-height;
  17
  18   .fake-title-block {
  19     display: inline-block;
  20   }
  21
  22   .top-left-block {
  23     background-color: #fff;
  24     border-right: 1px solid $header-border-color;
  25     line-height: $header-height;
  26     margin-top: 0;
  27     margin-bottom: 0;
  28     display: flex;
  29     position: fixed;
  30
  31     &.border-bottom {
  32       border-bottom: 1px solid $header-border-color;
  33     }
  34
  35     .hamburger-block {
  36       margin-right: 20px;
  37       margin-left: 15px;
  38
  39       .glyphicon {
  40         position: relative;
  41         top: 4px;
  42       }
  43     }
  44
  45     #peertube-title {
  46
  47       a {
  48         color: inherit !important;
  49         display: block;
  50         background: url(/client/assets/logo.png) no-repeat;
  51         background-size: contain;
  52         background-position: center;
  53         width: 180px;
  54         height: 100%;
  55         margin: auto;
  56
  57         &:hover {
  58           color: inherit !important;
  59           text-decoration: none !important;
  60         }
  61       }
  62     }
  63   }
  64
  65   my-search {
  66     position: fixed;
  67     z-index: 1000;
  68     // Fix col-md-* padding
  69     padding: 0;
  70   }
  71
  72   .search-col {
  73     height: 100%;
  74     margin-left: -15px;
  75     padding: 0;
  76   }
  77 }
  78
  79 footer {
  80   border-top: 1px solid $footer-border-color;
  81   padding: 10px 0;
  82   text-align: center;
  83   font-size: 11px;
  84   margin-top: $footer-margin;
  85   height: $footer-height;
  86 }