From d4b251a079328fe8f689d36a6f66ba2071200480 Mon Sep 17 00:00:00 2001 From: evazion Date: Wed, 9 Feb 2022 01:01:34 -0600 Subject: [PATCH] css: fix site name flickering black on page load. Fix regression in 7bbe6e9d. Caused by CSS specificity conflict. --- app/javascript/src/styles/common/utilities.scss | 5 ++++- app/views/layouts/default.html.erb | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/app/javascript/src/styles/common/utilities.scss b/app/javascript/src/styles/common/utilities.scss index eb3caba8a..2ffaa408d 100644 --- a/app/javascript/src/styles/common/utilities.scss +++ b/app/javascript/src/styles/common/utilities.scss @@ -10,6 +10,7 @@ $spacer: 0.25rem; /* 4px */ .font-arial { font-family: var(--arial-font); } .font-monospace { font: var(--monospace-font); } +.font-header { font-family: var(--header-font); } .font-bold { font-weight: bold; } .cursor-pointer { cursor: pointer; } @@ -46,7 +47,9 @@ $spacer: 0.25rem; /* 4px */ .pointer-events-none { pointer-events: none; } .select-none { user-select: none; } -.leading-none { line-height: 1; } + +.leading-none { line-height: 1; } +.leading-normal { line-height: 1.5; } .absolute { position: absolute; } .relative { position: relative; } diff --git a/app/views/layouts/default.html.erb b/app/views/layouts/default.html.erb index 32377de7f..d09cc2193 100644 --- a/app/views/layouts/default.html.erb +++ b/app/views/layouts/default.html.erb @@ -61,7 +61,7 @@ <%= render "news_updates/listing" %>
- <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "heading" %> + <%= link_to Danbooru.config.app_name, root_path, id: "app-name-header", class: "font-bold font-header leading-normal" %>