Make filter box and project header more responsive
This commit is contained in:
36
assets/sass/_project_header.sass
Normal file
36
assets/sass/_project_header.sass
Normal file
@@ -0,0 +1,36 @@
|
||||
.project-header
|
||||
@include grid(100)
|
||||
|
||||
.dropdown-component
|
||||
@include grid_width(5/100)
|
||||
@include md-device
|
||||
@include grid_width(8/100)
|
||||
@include sm-device
|
||||
@include grid_width(1)
|
||||
|
||||
.views-switcher-component
|
||||
@include grid_width(38/100)
|
||||
@include custom-device(1300px)
|
||||
@include grid_width(45/100)
|
||||
@include md-device
|
||||
@include grid_width(92/100)
|
||||
@include sm-device
|
||||
@include grid_width(1)
|
||||
|
||||
.filter-box-component
|
||||
margin: 0
|
||||
@include grid_width(55/100)
|
||||
@include custom-device(1300px)
|
||||
@include grid_width(50/100)
|
||||
@include md-device
|
||||
@include grid_width(1)
|
||||
margin-top: 10px
|
||||
.filter-box
|
||||
max-width: 100%
|
||||
@include sm-device
|
||||
@include grid_width(1)
|
||||
margin-top: 10px
|
||||
.filter-box
|
||||
max-width: 100%
|
||||
form
|
||||
margin: 0
|
||||
Reference in New Issue
Block a user