app/Resources/static/themes/material/css/nav.scss

   1
   2 /* ==========================================================================
   3    Nav
   4    ========================================================================== */
   5 nav {
   6   height: auto;
   7   line-height: initial;
   8 }
   9
  10 nav {
  11   input {
  12     color: #aaa;
  13   }
  14
  15   ul a:hover {
  16     background-color: initial;
  17   }
  18 }
  19
  20 .nav-panel-item .button-collapse {
  21   margin-left: 0;
  22   margin-right: 0.5rem;
  23   padding: 0 0.5rem;
  24   height: auto;
  25   line-height: 1;
  26   background-color: transparent;
  27   border: none;
  28 }
  29
  30 .nav-panel-item {
  31   display: flex;
  32   padding: 0.6rem 0.4rem 0.6rem 0.75rem;
  33   flex-wrap: wrap;
  34   justify-content: space-between;
  35   align-items: center;
  36 }
  37
  38 .nav-panel-item .material-icons {
  39   height: 46px;
  40   line-height: 46px;
  41 }
  42
  43 .nav-input {
  44   display: none;
  45 }
  46
  47 .nav-panel-buttom {
  48   display: flex;
  49   flex-grow: 1;
  50   justify-content: flex-end;
  51 }
  52
  53 .nav-panel-item .add,
  54 .nav-panel-item .search,
  55 .nav-panels .close {
  56   color: #444 !important;
  57 }
  58
  59 .nav-panels {
  60   transition: background 0.2s ease;
  61
  62   .action {
  63     margin: 0;
  64     font-size: 2.1rem;
  65   }
  66
  67   .input-field input {
  68     display: block;
  69     line-height: inherit;
  70     height: 3rem;
  71   }
  72
  73   .input-field input:focus {
  74     background-color: #fff;
  75     border: 0;
  76     box-shadow: none;
  77     color: #444;
  78   }
  79 }
  80
  81 .nav-panel-top {
  82   display: flex;
  83   align-items: center;
  84 }
  85
  86 .input-field {
  87   &.nav-panel-item label {
  88     left: 1rem;
  89   }
  90
  91   &.nav-panel-item .close {
  92     color: transparent;
  93     cursor: pointer;
  94     font-size: 2rem;
  95     transition: 0.3s color;
  96   }
  97
  98   &.nav-panel-item {
  99     display: flex;
 100     flex: 1;
 101     flex-wrap: nowrap;
 102     align-items: center;
 103   }
 104
 105   &.nav-panel-add.disabled,
 106   &.nav-panel-add.disabled input {
 107     background-color: whitesmoke;
 108   }
 109 }
 110
 111 .nav-form-button {
 112   padding: 0;
 113   background-color: transparent;
 114   border: none;
 115
 116   &:focus {
 117     background-color: inherit;
 118   }
 119 }
 120
 121 .nav-form-button,
 122 .nav-panel-item .close {
 123   margin: 0 1%;
 124 }
 125
 126 #button_filters {
 127   display: none;
 128 }
 129
 130 #button_export {
 131   display: none;
 132 }
 133
 134 @media (min-width: 993px) {
 135   .button-collapse {
 136     display: none;
 137   }
 138 }