Parcourir la source

corrected where to put margins

ryohek il y a 6 ans
Parent
commit
303f6d9135
1 fichiers modifiés avec 11 ajouts et 2 suppressions
  1. 11 2
      src/client/styles/scss/_comment_growi.scss

+ 11 - 2
src/client/styles/scss/_comment_growi.scss

@@ -5,7 +5,7 @@
     margin-left: 4.5em;
     margin-left: 4.5em;
 
 
     @include media-breakpoint-down(xs) {
     @include media-breakpoint-down(xs) {
-      margin-left: 0em;
+      margin-left: 3.5em;
     }
     }
 
 
     // speech balloon
     // speech balloon
@@ -20,7 +20,7 @@
       border-left-width: 0;
       border-left-width: 0;
 
 
       @include media-breakpoint-down(xs) {
       @include media-breakpoint-down(xs) {
-        display: none;
+        top: 1em;
       }
       }
     }
     }
   }
   }
@@ -66,6 +66,12 @@
     // コメントセクション
     // コメントセクション
     .page-comment-main {
     .page-comment-main {
       @extend %comment-section;
       @extend %comment-section;
+      @include media-breakpoint-down(xs) {
+        margin-left: 0em;
+        &:before {
+          content: none;
+        }
+      }
     }
     }
 
 
     // コメント本文
     // コメント本文
@@ -90,6 +96,9 @@
   .page-comment-reply-form {
   .page-comment-reply-form {
     margin-right: 15px;
     margin-right: 15px;
     margin-left: 6em;
     margin-left: 6em;
+    @include media-breakpoint-down(xs) {
+      margin-left: 2em;
+    }
   }
   }
   // reply button
   // reply button
   .btn.btn-comment-reply {
   .btn.btn-comment-reply {