From 926266c7af106345ba28c6b13a8e1c1e9cc11acc Mon Sep 17 00:00:00 2001 From: syuilo Date: Sun, 18 Apr 2021 11:55:38 +0900 Subject: [PATCH] fix style --- src/client/style.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/client/style.scss b/src/client/style.scss index eadf56bf37..4c101c1dab 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -323,6 +323,11 @@ hr { margin: var(--root-margin, 32px) auto; max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2))); + // 子marginが突き抜けるのを防ぐため + // https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element + padding-top: 1px; + margin-top: calc(var(--root-margin, 32px) - 1px); + @media (max-width: 500px) { --root-margin: 10px; } @@ -344,7 +349,7 @@ hr { } ._flat_ { - --root-margin: 0; + --root-margin: 0px; --baseContentWidth: 100%; --panelShadow: none; @@ -365,7 +370,7 @@ hr { @media (max-width: 500px) { ._root { - --root-margin: 0; + --root-margin: 0px; } } }