Wrap long lists of admin tabs on large screens

2018-11-26 14:50:45 -05:00 · 2018-11-26 14:50:45 -05:00 · 593cd831e1
parent 4ccf9d28eb
commit 593cd831e1
1 changed files with 2 additions and 0 deletions
--- 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;