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

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