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     width: calc(100% - 8rem);
  72     height: 3rem;
  73   }
  74
  75   .input-field input:focus {
  76     background-color: #fff;
  77     border: 0;
  78     box-shadow: none;
  79     color: #444;
  80   }
  81 }
  82
  83 .nav-panel-top {
  84   display: flex;
  85   align-items: center;
  86 }
  87
  88 .input-field {
  89   &.nav-panel-add label,
  90   &.nav-panel-search label {
  91     left: 1rem;
  92   }
  93
  94   &.nav-panel-add .close,
  95   &.nav-panel-search .close {
  96     position: absolute;
  97     top: 0;
  98     right: 1rem;
  99     color: transparent;
 100     cursor: pointer;
 101     font-size: 2rem;
 102     transition: 0.3s color;
 103   }
 104
 105   &.nav-panel-add,
 106   &.nav-panel-add form,
 107   &.nav-panel-search,
 108   &.nav-panel-search form {
 109     display: flex;
 110     flex: 1;
 111     align-items: center;
 112   }
 113
 114   &.nav-panel-add form.disabled,
 115   &.nav-panel-add form.disabled input {
 116     background-color: whitesmoke;
 117   }
 118 }
 119
 120 .nav-form-button {
 121   padding: 0 1rem;
 122   background-color: transparent;
 123   border: none;
 124
 125   &:focus {
 126     background-color: inherit;
 127   }
 128 }
 129
 130 #button_filters {
 131   display: none;
 132 }
 133
 134 #button_export {
 135   display: none;
 136 }
 137
 138 @media (min-width: 993px) {
 139   .button-collapse {
 140     display: none;
 141   }
 142 }