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