Просмотр исходного кода

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

Fix/layout tag area in case of mobile
itizawa 5 лет назад
Родитель
Сommit
627838f902
1 измененных файлов с 8 добавлено и 0 удалено
  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 {
       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 {
     overflow: hidden;
     .grw-path-nav-container {
+      margin-right: 1rem;
       overflow: hidden;
       .grw-page-path-nav {
         white-space: nowrap;