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   }
  35 }
  36
  37 nav .nav-wrapper i {
  38   height: 46px;
  39   line-height: 46px;
  40 }
  41
  42 .nav-input {
  43   display: none;
  44 }
  45
  46 .nav-panel-buttom {
  47   display: flex;
  48   flex-grow: 1;
  49   justify-content: flex-end;
  50 }
  51
  52 .nav-panel-add .add,
  53 .nav-panel-search .search,
  54 .nav-panels .close {
  55   color: #444 !important;
  56 }
  57
  58 .nav-panels {
  59   transition: background 0.2s ease;
  60
  61   .action {
  62     margin: 0;
  63     font-size: 2.1rem;
  64   }
  65
  66   .input-field input {
  67     display: block;
  68     line-height: inherit;
  69     padding-left: 4rem !important;
  70     width: calc(100% - 8rem);
  71     height: 4.1rem;
  72   }
  73
  74   .input-field input:focus {
  75     background-color: #fff;
  76     border: 0;
  77     box-shadow: none;
  78     color: #444;
  79   }
  80 }
  81
  82 .nav-panel-top {
  83   display: flex;
  84   align-items: center;
  85 }
  86
  87 .input-field {
  88   &.nav-panel-add label,
  89   &.nav-panel-search label {
  90     left: 1rem;
  91   }
  92
  93   &.nav-panel-add .close,
  94   &.nav-panel-search .close {
  95     position: absolute;
  96     top: 0;
  97     right: 1rem;
  98     color: transparent;
  99     cursor: pointer;
 100     font-size: 2rem;
 101     transition: 0.3s color;
 102   }
 103
 104   &.nav-panel-add,
 105   &.nav-panel-add form,
 106   &.nav-panel-search,
 107   &.nav-panel-search form {
 108     display: flex;
 109     flex: 1;
 110   }
 111
 112   &.nav-panel-add form.disabled,
 113   &.nav-panel-add form.disabled input {
 114     background-color: whitesmoke;
 115   }
 116 }
 117
 118 #button_filters {
 119   display: none;
 120 }
 121
 122 #button_export {
 123   display: none;
 124 }