Browse Source

Merge pull request #3233 from weseek/fix/layout-tag-area-in-case-of-mobile

Fix/layout tag area in case of mobile
itizawa 5 years ago
parent
commit
627838f902
1 changed files with 8 additions and 0 deletions
  1. 8 0
      src/client/styles/scss/_on-edit.scss

+ 8 - 0
src/client/styles/scss/_on-edit.scss

@@ -134,6 +134,13 @@ body.on-edit {
 
 
     .grw-taglabels-container {
     .grw-taglabels-container {
       margin-bottom: 0;
       margin-bottom: 0;
+
+      // To scroll tags horizontally
+      .grw-tag-labels.form-inline {
+        flex-flow: row nowrap;
+        width: 100%;
+        overflow-x: scroll;
+      }
     }
     }
   }
   }
 
 
@@ -141,6 +148,7 @@ body.on-edit {
   .grw-subnav-left-side {
   .grw-subnav-left-side {
     overflow: hidden;
     overflow: hidden;
     .grw-path-nav-container {
     .grw-path-nav-container {
+      margin-right: 1rem;
       overflow: hidden;
       overflow: hidden;
       .grw-page-path-nav {
       .grw-page-path-nav {
         white-space: nowrap;
         white-space: nowrap;