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

set scroll-margin-top to Comment

Yuki Takei 3 лет назад
Родитель
Сommit
04d34b605b

+ 3 - 2
packages/app/src/components/PageComment/Comment.module.scss

@@ -1,3 +1,4 @@
+@use '../../styles/variables' as var;
 @use '../../styles/bootstrap/init' as bs;
 @use './_comment-inheritance';
 
@@ -10,10 +11,10 @@
 
   .page-comment {
     position: relative;
-    padding-top: 70px;
-    margin-top: -70px;
     pointer-events: none;
 
+    scroll-margin-top: var.$grw-scroll-margin-top-in-view;
+
     // user name
     .page-comment-creator {
       margin-top: -0.5em;

+ 2 - 0
packages/app/src/styles/_variables.scss

@@ -38,3 +38,5 @@ $grw-logomark-width: 36px;
 $grw-nav-main-left-tab-width: 95px;
 $grw-nav-main-left-tab-width-mobile: 50px;
 $grw-nav-main-tab-height: 42px;
+
+$grw-scroll-margin-top-in-view: 130px;

+ 1 - 1
packages/app/src/styles/organisms/_wiki.scss

@@ -31,7 +31,7 @@
       margin-top: 0;
     }
 
-    scroll-margin-top: 120px;
+    scroll-margin-top: var.$grw-scroll-margin-top-in-view;
   }
 
   h1 {