From d9b7cdc43bc811fdce8ef9ab1e8fdade573e354a Mon Sep 17 00:00:00 2001 From: Fabian Homborg Date: Sat, 5 Dec 2020 14:47:26 +0100 Subject: [PATCH] Webconfig: Move the style to the body, not the ancestor This allow box shadows to work and removes the last margins when under 700px wide. I'm not entirely sure we need the ancestor anymore. --- share/tools/web_config/fishconfig.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/share/tools/web_config/fishconfig.css b/share/tools/web_config/fishconfig.css index ec0d35512..12193ee9f 100644 --- a/share/tools/web_config/fishconfig.css +++ b/share/tools/web_config/fishconfig.css @@ -3,23 +3,21 @@ body { font-family: "Source Code Pro", "DejaVu Sans Mono", Menlo, "Ubuntu Mono", Consolas, Monaco, "Lucida Console", monospace, fixed; color: #222; min-height: 100vh; /* at least 1 screen high - to prevent the gradient from running out on a short tab */ + width: 90%; + margin-left: auto; + margin-right: auto; + -moz-box-shadow: 0 0 1px 1px #333; + -webkit-box-shadow: 0 0 1px 1px #333; + box-shadow: 0 0 5px 1px #333; } code { font-family: "Source Code Pro", "DejaVu Sans Mono", Menlo, "Ubuntu Mono", Consolas, Monaco, "Lucida Console", monospace, fixed; } -#ancestor { - width: 90%; - margin-left: auto; - margin-right: auto; - /* HACK: Instead of allowing tabs to overflow, hide them */ - overflow: hidden; -} - @media screen and (max-width: 700px) { /* On small screens remove the margins to leave more for the actual content */ - #ancestor { + body { width: 100%; margin-left: none; margin-right: none;