Correction Off Canvas - Label Display (issue #5093)

Missing styles added.

diff --git a/doc/includes/off_canvas/examples_offcanvas_variables.html b/doc/includes/off_canvas/examples_offcanvas_variables.html
index 8fe2491a3ba9c806b692dd62cbe19966fba98170..3525d8bc70516b6bcd65cc11bb551101f987d545 100644 (file)
--- a/doc/includes/off_canvas/examples_offcanvas_variables.html
+++ b/doc/includes/off_canvas/examples_offcanvas_variables.html
@@ -26,6 +26,7 @@ $off-canvas-bg: #333 !default;
 $off-canvas-label-padding: 0.3rem rem-calc(15) !default;
 $off-canvas-label-color: #999 !default;
 $off-canvas-label-text-transform: uppercase !default;
+$off-canvas-label-font-size: rem-calc(12) !default;
 $off-canvas-label-font-weight: bold !default;
 $off-canvas-label-bg: #444 !default;
 $off-canvas-label-border-top: 1px solid scale-color(#444, $lightness: 14%) !default;

diff --git a/scss/foundation/components/_offcanvas.scss b/scss/foundation/components/_offcanvas.scss
index 0ea1ec9c69e072626871700edd0e3db22bd6aa9d..371076b2f16d9ab1845da7255ef1d487ea017bd1 100755 (executable)
--- a/scss/foundation/components/_offcanvas.scss
+++ b/scss/foundation/components/_offcanvas.scss
@@ -33,6 +33,7 @@ $off-canvas-bg: #333 !default;
 $off-canvas-label-padding: 0.3rem rem-calc(15) !default;
 $off-canvas-label-color: #999 !default;
 $off-canvas-label-text-transform: uppercase !default;
+$off-canvas-label-font-size: rem-calc(12) !default;
 $off-canvas-label-font-weight: $font-weight-bold !default;
 $off-canvas-label-bg: #444 !default;
 $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
@@ -214,9 +215,11 @@ $menu-slide: "transform 500ms ease" !default;
 
   li {
     label {
+      display: block;
       padding: $off-canvas-label-padding;
       color: $off-canvas-label-color;
       text-transform: $off-canvas-label-text-transform;
+      font-size: $off-canvas-label-font-size;
       font-weight: $off-canvas-label-font-weight;
       background: $off-canvas-label-bg;
       border-top: $off-canvas-label-border-top;