MineTec/aboutme
1
0 Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: MineTec/aboutme:d8fb84460f147de9cd6585b81ad28643cf5e609c
MineTec/aboutme:master
...
compare: MineTec/aboutme:964b15ad4f1fdaa592ee34ae4a885039b167b17b
MineTec/aboutme:master
2 Commits
d8fb84460f ... 964b15ad4f
Author SHA1 Message Date
MineTec 964b15ad4f fixed details text scrolling under less button 2026-10-18 14:00:11 +02:00
MineTec 4141f1e069 fixed expanded view overflow on medium screen widths 2026-10-18 13:55:04 +02:00
1 changed files with 10 additions and 5 deletions
Expand all files Collapse all files
assets/css/style.css
+10 -5
View File
@@ -202,7 +202,8 @@ body {
.card .details { .card .details {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 0 50px 50px 50px; padding: 0 50px 10px 50px;
margin-bottom: 40px;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
@@ -406,6 +407,13 @@ html:not(.js) .requires-js {
display: none; display: none;
} }
@media only screen and (max-width: 760px) {
#details:target + .card-container .back-main > ul,
#details:target + .card-container .back-main > hr {
display: none;
}
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
:root { :root {
--max-height: calc(100dvh - 110px); --max-height: calc(100dvh - 110px);
@@ -454,6 +462,7 @@ html:not(.js) .requires-js {
flex: none; flex: none;
overflow: visible; overflow: visible;
padding: 20px 25px 5px 25px; padding: 20px 25px 5px 25px;
margin-bottom: 0;
} }
#details:target + .card-container .back-main { #details:target + .card-container .back-main {
flex: none; flex: none;
@@ -462,10 +471,6 @@ html:not(.js) .requires-js {
justify-content: flex-start; justify-content: flex-start;
padding: 15px 25px 0 25px; padding: 15px 25px 0 25px;
} }
#details:target + .card-container .back-main > ul,
#details:target + .card-container .back-main > hr {
display: none;
}
#details:target + .card-container .interests { #details:target + .card-container .interests {
grid-template-columns: 1fr; grid-template-columns: 1fr;
row-gap: 4px; row-gap: 4px;