diff options
author | tdro <tdro@noreply.example.com> | 2023-09-10 09:15:05 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-09-10 09:15:05 -0400 |
commit | 4386b685505b0142b46a29b097dd5340b5bcfb8c (patch) | |
tree | 7c17a9fe7ca6db29abe886461121d1b8db901d40 /assets | |
parent | 491546bf0f9170bbca53fc9543e4b74ed7207f37 (diff) | |
download | canory-4386b685505b0142b46a29b097dd5340b5bcfb8c.tar.gz canory-4386b685505b0142b46a29b097dd5340b5bcfb8c.tar.bz2 canory-4386b685505b0142b46a29b097dd5340b5bcfb8c.zip |
themes/default/layouts/partials/profile-tabs: Anchor tabs
Add absolute scroll target offset if browser supports it
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/default.css | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 804966b..38585b1 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -537,6 +537,10 @@ diagram-container { display: block; } +main { + min-height: 35rem; +} + summary::-webkit-details-marker { display: none; } @@ -973,7 +977,8 @@ column-base[position="middle"] { } micro-card, -micro-tags { +micro-tags, +nav + micro-header { display: block; } @@ -1457,6 +1462,18 @@ tab-bar nav a:hover { text-decoration: underline; } +tab-bar nav a span[data-scroll] { + position: absolute; + top: -4.75rem; + left: 200%; + width: 0; + height: 0; +} + +tab-bar nav a:nth-child(-n + 3) span[data-scroll] { + left: -200%; +} + column-base[position="middle"] > nav:first-child { align-items: center; background-color: #fefefe; @@ -1493,11 +1510,12 @@ column-base[position="middle"] > nav:first-child section { } column-base[position="middle"] > footer:last-child { - margin: 1rem 0.25rem; + margin: 1rem 0.25rem 3rem 0.25rem; } column-base[position="middle"] main > footer:last-child { margin: 2rem 0 1rem 0; + min-height: 100vh; } icon-button, @@ -2487,6 +2505,11 @@ text-animation[vibrate] span { } main > * { + animation: paint ease-in 0.3s; +} + +tab-bar, +nav + micro-header { animation: paint ease-in 0.25s; } |