erik/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove pointer on active, add delay to content appearance

Browse Source
This commit is contained in:
Erik Fehér
2025-10-21 23:12:48 +02:00
parent bf9c8104e9
commit 794a18484b
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles.css
View File

@@ -41,7 +41,6 @@ html, body {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer;
} }
.card-wrapper { .card-wrapper {
@@ -93,10 +92,13 @@ html, body {
transform: translateY(0) !important; transform: translateY(0) !important;
} }
.active {
cursor: default !important;
}
.content-container { .content-container {
display: block; display: block;
position: relative; position: relative;
border: 1px solid #fff;
max-width: 100%; max-width: 100%;
height: calc(100dvh - (2 * var(--card-gap))); height: calc(100dvh - (2 * var(--card-gap)));
top: calc(-1 * (100dvh - (2 * var(--card-gap))) - var(--label-height)); top: calc(-1 * (100dvh - (2 * var(--card-gap))) - var(--label-height));
@@ -105,10 +107,14 @@ html, body {
.content-wrapper { .content-wrapper {
display: block; display: block;
opacity: 0; opacity: 0;
transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
margin: 10px;
padding: 0;
} }
.visible { .visible {
display: block !important; display: block !important;
opacity: 1 !important; opacity: 1 !important;
transition-delay: 0.5s !important;
transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
} }