studio-variable/botascopia-webiste-static
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add sort & view for species

Browse source
This commit is contained in:
Julie Blanc 2026-02-15 23:14:52 +01:00
parent 718ca47696
commit 6fff7422e8
26 changed files with 1448 additions and 432 deletions
Download patch file Download diff file Expand all files Collapse all files

40
assets/css/components/_view-toggle.scss Normal file
View file

@ -0,0 +1,40 @@
input#view-edit,
input#view-grid,
input#view-list{
display: none;
}
.view-toggle{
display: flex;
justify-content: flex-end;
align-items: center;
gap: calc(var(--padding-inner)*0.5);
p{
font-weight: 500;
padding-right: 1.5ch;
}
label{
.txt{
font-weight: 700!important;
}
}
}
input#view-edit:checked ~ .group-sort-view .view-toggle label[for="view-edit"],
input#view-list:checked ~ .group-sort-view .view-toggle label[for="view-list"],
input#view-grid:checked ~ .group-sort-view .view-toggle label[for="view-grid"],
input#view-edit:checked ~ .view-toggle label[for="view-edit"],
input#view-list:checked ~ .view-toggle label[for="view-list"],
input#view-grid:checked ~ .view-toggle label[for="view-grid"]{
background-color: var(--color-txt);
color: var(--white);
svg {
fill: var(--white);
}
}