From afe450a6d22bf39d79160d9e030fa102dd5ddc54 Mon Sep 17 00:00:00 2001 From: Victor Westerlund Date: Sat, 19 Apr 2025 11:06:46 +0000 Subject: [PATCH] fix: WebKit variable font transition issue on index page (#38) Closes #17 Also fixed this placeholder text contrast issue in Safari ![image](/attachments/e028f967-3d0f-41a8-b068-1bf067d61631) to: ![image](/attachments/97b3e36f-277b-4646-b5fd-c45d53fd3ce7) Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/38 --- public/assets/css/pages/index.css | 2 +- public/assets/css/shell.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/public/assets/css/pages/index.css b/public/assets/css/pages/index.css index eb3f071..da152ec 100644 --- a/public/assets/css/pages/index.css +++ b/public/assets/css/pages/index.css @@ -38,7 +38,7 @@ vv-shell img { padding: unset; text-align: right; font-size: clamp(20px, 8vh, 60px); - font-weight: 900; + font-weight: bold; line-height: clamp(20px, 8vh, 60px); color: var(--color-accent); } diff --git a/public/assets/css/shell.css b/public/assets/css/shell.css index 3f521a2..6743c94 100644 --- a/public/assets/css/shell.css +++ b/public/assets/css/shell.css @@ -286,6 +286,10 @@ header searchbox input { border: none; } +header searchbox input::placeholder { + color: rgba(0, 0, 0, .5); +} + /* #### Active */ header.searchboxActive > * {