From cc15c0e76913c479a848bc3fecffba6417d77dd8 Mon Sep 17 00:00:00 2001 From: jeremydenoun Date: Thu, 18 Apr 2013 17:44:46 +0300 Subject: [PATCH 1/3] Fix flickering on progress bar width update Issue visible on lastest version of Chrome Browser (if you update progress bar width from 100% to 0%) -> flickering appears Fixed with addition of .backface-visibility(hidden) mixins --- less/progress-bars.less | 1 + 1 file changed, 1 insertion(+) diff --git a/less/progress-bars.less b/less/progress-bars.less index 5e0c3dda01..300def0ecb 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -64,6 +64,7 @@ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); .box-sizing(border-box); .transition(width .6s ease); + .backface-visibility(hidden); } .progress .bar + .bar { .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)"); From d3e0d4a7baad213ccbfa8049d5f920ed1863b76b Mon Sep 17 00:00:00 2001 From: Jeremy Denoun Date: Thu, 18 Apr 2013 17:05:50 +0200 Subject: [PATCH 2/3] update docs --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2f56af33f3..145e08a5b6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5813,6 +5813,9 @@ a.badge:focus { -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; } .progress .bar + .bar { From e0b9b86d32678b0675b11bf06ae5f8c6146decef Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 3 May 2013 17:38:58 -0700 Subject: [PATCH 3/3] use @screen-small var in grid.less Per comment by @nextgenthemes on/in cd06c5baac64a366 --- less/grid.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/grid.less b/less/grid.less index a39d38b2e2..6de993c2a2 100644 --- a/less/grid.less +++ b/less/grid.less @@ -31,7 +31,7 @@ .generate-grid-columns(@grid-columns); // Then generate the larger grid classes via media query -@media screen and (min-width: 768px) { +@media screen and (min-width: @screen-small) { .generate-large-grid-columns(@grid-columns); }