Wrap long lists of admin tabs on large screens

Wrap long lists of admin tabs on large screens

From 593cd831e1099fba71f6f11fff3c22e5f9ecb3e4 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 26 Nov 2018 14:50:45 -0500
Subject: [PATCH] Wrap long lists of admin tabs on large screens


diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index e8df33f..6662105 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -26,10 +26,12 @@ $mobile-breakpoint: 700px;
 
   .nav-pills {
     display: inline-flex;
+    flex-wrap: wrap;
     width: calc(100% - 10px);
     flex: 1 0 auto;
     @include breakpoint(tablet) {
       white-space: nowrap;
+      flex-wrap: nowrap;
       overflow-x: scroll;
       -webkit-overflow-scrolling: touch;
       margin: 0 0 0 -10px;

GitHub

2 Likes

This commit has been mentioned on Discourse Meta. There might be relevant details there: