[filter bar] Scale filter min width as ems change
This commit is contained in:
parent
647be88cb3
commit
485d873087
1 changed files with 7 additions and 3 deletions
|
@ -28,7 +28,10 @@ filter-bar .confirm {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
min-width: 140px;
|
// Number of filter icons multiplied by icon width
|
||||||
|
// Escaped to prevent less math
|
||||||
|
min-width: ~"calc(5*(1.414em + 13px))";
|
||||||
|
|
||||||
|
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
background-color: @filter-bar-confirm-filter-bg;
|
background-color: @filter-bar-confirm-filter-bg;
|
||||||
|
@ -81,8 +84,9 @@ filter-bar .bar {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
min-width: 140px;
|
// Number of filter icons multiplied by icon width
|
||||||
|
// Escaped to prevent less math
|
||||||
|
min-width: ~"calc(5*(1.414em + 13px))";
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
background-color: @filter-bar-bar-filter-bg;
|
background-color: @filter-bar-bar-filter-bg;
|
||||||
color: @filter-bar-bar-filter-color;
|
color: @filter-bar-bar-filter-color;
|
||||||
|
|
Loading…
Reference in a new issue