Merge pull request #10018 from dmarcoux/responsive-ux-styles

Encapsulate responsive-ux styles
openSUSE · Aug 17, 2020 · 3163aed · 3163aed
2 parents 80587fa + ddc46d1
commit 3163aed
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/api/app/assets/stylesheets/webui/responsive_ux/responsive_ux.scss b/src/api/app/assets/stylesheets/webui/responsive_ux/responsive_ux.scss
@@ -4,9 +4,11 @@ $top-navigation-height: 3.5625rem;
 $bottom-navigation-height: 3.5rem;
 $left-navigation-width: 16rem;
 
-@import 'build-result';
-@import 'grid';
-@import 'layout';
-@import 'navbar';
-@import 'sponsors';
-@import 'tabs';
+body.responsive-ux {
+  @import 'build-result';
+  @import 'grid';
+  @import 'layout';
+  @import 'navbar';
+  @import 'sponsors';
+  @import 'tabs';
+}
diff --git a/src/api/app/helpers/webui/webui_helper.rb b/src/api/app/helpers/webui/webui_helper.rb
@@ -346,6 +346,7 @@ def feature_enabled?(feature)
 
   def feature_css_class
     css_classes = []
+    css_classes << 'responsive-ux' if feature_enabled?(:responsive_ux)
     css_classes << 'notifications-redesign' if feature_enabled?(:notifications_redesign)
     css_classes.join(' ')
   end