diff --git a/frontend/app/components/comment/_level/comment_level.scss b/frontend/app/components/comment/_level/comment_level.scss index f60a6040..ab9f45ff 100644 --- a/frontend/app/components/comment/_level/comment_level.scss +++ b/frontend/app/components/comment/_level/comment_level.scss @@ -1,17 +1,10 @@ -$step: 24px; - -@for $i from 1 to 5 { - .comment_level { - &_$(i) { - padding-left: calc($i * $step); - - &.comment_replying { - .comment__input { - @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) { - margin-left: calc(-$i * $step); - } - } - } - } - } +.thread > .thread { + padding-left: 17px; + border-left: 1px solid rgba(0, 0, 0, 0.15); +} +.thread_level_4 .thread > .thread { + padding-left: 5px; +} +.comment_theme_dark ~ .thread { + border-left-color: rgba(255, 255, 255, 0.15); } diff --git a/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss b/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss index bf5c6d30..d6b17955 100644 --- a/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss +++ b/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss @@ -1,6 +1,4 @@ .comment_theme_dark { - border-bottom: 1px solid #333; - .comment__action_type_collapse { border-color: #555; color: #555; diff --git a/frontend/app/components/comment/_theme/_light/comment_theme_light.scss b/frontend/app/components/comment/_theme/_light/comment_theme_light.scss index 42fb5dc2..7c4f35ff 100644 --- a/frontend/app/components/comment/_theme/_light/comment_theme_light.scss +++ b/frontend/app/components/comment/_theme/_light/comment_theme_light.scss @@ -1,6 +1,4 @@ .comment_theme_light { - border-bottom: 1px solid #fcfcfc; - .comment__action_type_collapse { border-color: #ddd; color: #ddd; diff --git a/frontend/app/components/comment/comment.scss b/frontend/app/components/comment/comment.scss index e6feb46d..6ddf4439 100644 --- a/frontend/app/components/comment/comment.scss +++ b/frontend/app/components/comment/comment.scss @@ -2,8 +2,7 @@ display: block; position: relative; overflow: hidden; - margin-bottom: 16px; - padding-bottom: 8px; + padding: 12px 0 8px; font-size: 16px; line-height: 1.2;