From 6be9717f2f271b765dc76aba0abea9c6cb183561 Mon Sep 17 00:00:00 2001 From: Sped0n Date: Mon, 30 Oct 2023 17:44:21 +0800 Subject: [PATCH] style(article.scss): add media query for tablets and devices with no hover support to fix positioning of .info element The media query was added to ensure that the .info element is positioned correctly on tablets and devices with no hover support. The top property was set to the height of the navigation bar and the position was set to fixed to keep the element in place. This change improves the layout and user experience on different devices. --- assets/scss/_partial/_article.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/assets/scss/_partial/_article.scss b/assets/scss/_partial/_article.scss index e3149d4..6bd90f3 100644 --- a/assets/scss/_partial/_article.scss +++ b/assets/scss/_partial/_article.scss @@ -40,3 +40,10 @@ margin: 1.2rem 0; } } + +@media (max-width: $tablet), (hover: none) { + .info { + top: var(--nav-height); + position: fixed; + } +}