Fix the customizer.js; Update alert styles for pre blocks

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 1f733a1b4c16ffa88a41ee7e98a3cc54a9e1166e..c4551cd16414330ccac3660050fdff16e187cb61 100644 (file)
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -1043,7 +1043,14 @@ h1[id] {
   margin-bottom: 0;
 }
 .bs-customizer-alert .glyphicon {
-  margin-right: 3px;
+  margin-right: 5px;
+}
+.bs-customizer-alert pre {
+  margin: 10px 0 0;
+  color: #fff;
+  background-color: #a83c3a;
+  border-color: #973634;
+  box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
 }
 
 

diff --git a/assets/js/customizer.js b/assets/js/customizer.js
index 6e9484b08ca6328a90955f01b3272d8de798ea44..0052f857fb585e6222114b60533c451f07b2e61f 100644 (file)
--- a/assets/js/customizer.js
+++ b/assets/js/customizer.js
@@ -5,8 +5,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
     $('<div id="bsCustomizerAlert" class="bs-customizer-alert">\
         <div class="container">\
           <a href="#bsCustomizerAlert" data-dismiss="alert" class="close pull-right">&times;</a>\
-          <span class="glyphicon glyphicon-warning-sign"></span>
-          <p class="bs-customizer-alert-text">' + msg + '</p>' +
+          <p class="bs-customizer-alert-text"><span class="glyphicon glyphicon-warning-sign"></span>' + msg + '</p>' +
           (err.extract ? '<pre class="bs-customizer-alert-extract">' + err.extract.join('\n') + '</pre>' : '') + '\
         </div>\
       </div>').appendTo('body').alert()

diff --git a/customize.html b/customize.html
index 8810b1ff80a32b65b46621a23ee4c9f1f9764b3c..7ee22bc08da4f493a47b05402126cd7760582046 100644 (file)
--- a/customize.html
+++ b/customize.html
@@ -50,7 +50,7 @@ base_url: "../"
         </div>
         <div class="checkbox">
           <label>
-            <input type="checkbox" checked value="forms.less">
+            <input type="checkbox" checked value="forms.less" data-dependents="navbar.less,input-groups.less">
             Forms
           </label>
         </div>