From: monosize <frank.rakow@gmail.com>
Date: Fri, 5 Feb 2016 11:22:15 +0000 (+0100)
Subject: topbar feature - set a diffrent background color of all submenus
X-Git-Tag: v6.2.0-rc.1~37^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F8091%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

topbar feature - set a diffrent background color of all submenus
New option to set a different background-color for the submenus of a menu in the topbar.
For example if the topbar-background is transparent.
new var $topbar-background-submenu
---

diff --git a/scss/components/_top-bar.scss b/scss/components/_top-bar.scss
index afdb55dc9..4f2c6c650 100644
--- a/scss/components/_top-bar.scss
+++ b/scss/components/_top-bar.scss
@@ -14,6 +14,10 @@ $topbar-padding: 0.5rem !default;
 /// @type Color
 $topbar-background: $light-gray !default;
 
+/// Background color submenus within the top bar. Usefull if $topbar-background is transparent.
+/// @type Color
+$topbar-submenu-background: $topbar-background !default;
+
 /// Spacing for the top bar title.
 /// @type Number
 $topbar-title-spacing: 1rem !default;
@@ -41,6 +45,13 @@ $topbar-input-width: 200px !default;
     background-color: $topbar-background;
   }
 
+  // check if $topbar-background is differnt from $topbar-background-submenu
+  @if ($topbar-background != $topbar-submenu-background) {
+    ul ul {
+      background-color: $topbar-submenu-background;
+    }
+  }
+
   input {
     width: $topbar-input-width;
     margin-#{$global-right}: 1rem;
diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index 4c246b662..90f90a48d 100644
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -544,6 +544,7 @@ $tooltip-radius: $global-radius;
 
 $topbar-padding: 0.5rem;
 $topbar-background: $light-gray;
+$topbar-submenu-background: $topbar-background;
 $topbar-title-spacing: 1rem;
 $topbar-input-width: 200px;