eric/bridget
1
0
Fork 0
mirror of https://github.com/Sped0n/bridget.git synced 2026-04-14 10:09:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

style(article.scss): add media query for tablets and devices with no hover support to fix positioning of .info element

Browse Source 
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.
This commit is contained in:
Sped0n
2023-10-30 17:44:21 +08:00
parent 33c9f863c8
commit 6be9717f2f
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/scss/_partial/_article.scss
View File

@@ -40,3 +40,10 @@
margin: 1.2rem 0;
}
}
@media (max-width: $tablet), (hover: none) {
.info {
top: var(--nav-height);
position: fixed;
}
}