/* ==========================================================================
Nav
========================================================================== */
-
-nav {
+nav,
+.nav-wrapper {
height: auto;
+ line-height: initial;
+}
+nav {
input {
color: #aaa;
}
.nav-wrapper {
display: flex;
+ padding: 0.6rem 0.4rem 0.6rem 0.75rem;
flex-wrap: wrap;
justify-content: space-between;
- min-height: 64px;
+ align-items: center;
.button-collapse {
- padding: 0 15px;
+ margin-left: 0;
+ margin-right: 0.5rem;
+ padding: 0 0.5rem;
+ height: auto;
+ line-height: 1;
+ background-color: transparent;
+ border: none;
}
}
+nav .nav-wrapper i {
+ height: 46px;
+ line-height: 46px;
+}
+
.nav-input {
display: none;
}
display: flex;
flex-grow: 1;
justify-content: flex-end;
-
- li {
- max-height: 64px;
- }
}
.nav-panel-add .add,
transition: background 0.2s ease;
.action {
- padding-left: 0.75rem;
+ margin: 0;
font-size: 2.1rem;
- white-space: nowrap;
}
.input-field input {
}
}
+.nav-panel-top {
+ display: flex;
+ align-items: center;
+}
+
.input-field {
&.nav-panel-add label,
&.nav-panel-search label {
display: flex;
flex: 1;
}
+
+ &.nav-panel-add form.disabled,
+ &.nav-panel-add form.disabled input {
+ background-color: whitesmoke;
+ }
}
#button_filters {
#button_export {
display: none;
}
+
+@media (min-width: 993px) {
+ .button-collapse {
+ display: none;
+ }
+}