eth-janishutz/fundamentals-of-webengineering
1
0
Fork 0
mirror of https://github.com/janishutz/fundamentals-of-webengineering.git synced 2025-11-25 05:44:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix card hiding

Browse Source
This commit is contained in:
Janis Hutz
2025-10-08 11:42:56 +02:00
parent 522364f601
commit 2cac7ea1f1
2 changed files with 39 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
task_1_html_css/src/card.css
View File

@@ -17,40 +17,15 @@ article {
}
.card-open-symbol {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
width: 2rem;
transition: rotate 0.5s;
cursor: pointer;
}
&:has(.card-check:checked) {
>main {
opacity: 0%;
max-height: 0;
transition: opacity 0.2s, max-height 0.2s ease 0.2s;
}
.card-open-symbol {
rotate: -90deg;
}
}
&:has(header) {
main {
img {
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
}
}
&:has(footer) {
main {
img {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
}
}
header {
line-height: 2rem;
border-bottom: 1px solid var(--border-color);
@@ -116,4 +91,37 @@ article {
}
}
}
&:has(.card-check:checked) {
header {
border: none;
}
>main {
opacity: 0%;
max-height: 0;
transition: opacity 0.2s, max-height 0.2s ease 0.2s, padding 0.2s ease 0.2s;
padding: 0;
}
.card-open-symbol {
rotate: -90deg;
}
}
&:has(header) {
main {
img {
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
}
}
&:has(footer) {
main {
img {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
}
}
}

4
task_1_html_css/src/vite.config.js
View File

@@ -1,7 +1,7 @@
export default {
'server': {
'host': '0.0.0.0',
'port': 5173,
// 'host': '0.0.0.0',
'port': 8080,
},
};