0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

update UI for About page accordion

Browse source
This commit is contained in:
imohkay 2021-10-26 16:13:02 +05:30
commit 419090f490
2 changed files with 86 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/static/css/partials/_about.scss
View file

@ -40,7 +40,6 @@
@media screen and (min-width: 800px) {
width: 50%;
display: flex;
}
}
@ -70,12 +69,15 @@
}
.accordion-title {
//border-bottom: 2px solid rgba(255, 255, 255, 0.2);
margin: var(--spacing-2) 0;
padding: 0 0 calc(var(--spacing) / 2) 0;
cursor: pointer;
display: flex;
align-items: center;
cursor: pointer;
@media screen and (min-width: 800px) {
width: 50%;
}
&:hover, &:focus {
opacity: 0.8;
@ -95,6 +97,12 @@
.accordion-content {
display: none;
@media screen and (max-width: 799px) {
> .row {
display: block;
}
}
}
.accordion-checkbox:checked + .accordion-content {