From 485d873087081f43fc86da0639797fe1a28a777e Mon Sep 17 00:00:00 2001 From: Jonathan Budzenski Date: Wed, 4 Nov 2015 14:36:23 -0600 Subject: [PATCH] [filter bar] Scale filter min width as ems change --- src/ui/public/filter_bar/filter_bar.less | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/ui/public/filter_bar/filter_bar.less b/src/ui/public/filter_bar/filter_bar.less index 3126f075f173..e68afae45e95 100644 --- a/src/ui/public/filter_bar/filter_bar.less +++ b/src/ui/public/filter_bar/filter_bar.less @@ -28,7 +28,10 @@ filter-bar .confirm { position: relative; display: inline-block; 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; background-color: @filter-bar-confirm-filter-bg; @@ -81,8 +84,9 @@ filter-bar .bar { position: relative; display: inline-block; 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; background-color: @filter-bar-bar-filter-bg; color: @filter-bar-bar-filter-color;