From: Gilles Marchand <gilles.marchand@swiss-connection.net>
Date: Thu, 22 May 2014 19:26:10 +0000 (+0200)
Subject: Correction Off Canvas - Label Display (issue #5093)
X-Git-Tag: v5.3.1~42^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F5203%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 8fe2491a3..3525d8bc7 100644
--- 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 0ea1ec9c6..371076b2f 100755
--- 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;