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

finish page species

Browse source
This commit is contained in:
Julie Blanc 2026-02-15 23:56:23 +01:00
parent 6fff7422e8
commit a1a98d67b5
13 changed files with 1127 additions and 512 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/css/components/_sort.scss
View file

@ -9,7 +9,9 @@
}
.is-selected{
background-color: var(--color-txt);
border-color: var(--color-txt);
color: var(--white);
cursor: auto;
a{
color: var(--white);
}
@ -22,11 +24,4 @@
}
.group-sort-view{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: calc(var(--spacing)*1.5);
}

14
assets/css/components/_species-list.scss
View file

@ -1,17 +1,3 @@
.species-list{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--spacing)*1);
margin-bottom: calc(var(--spacing)*3);
.taxon{
width: calc(100%/3 - var(--spacing)*3/3);
}
}
.family{
margin-bottom: calc(var(--spacing)*4);

16
assets/css/components/_taxon-card-inline.scss
View file

@ -1,7 +1,7 @@
#view-edit:checked ~ .family .species-list,
#view-edit:checked ~ .species-list,
#view-list:checked ~ .family .species-list,
#view-list:checked ~ .species-list {
#view-edit:checked ~ .page-species .family .species-list,
#view-edit:checked ~ .page-species .species-list,
#view-list:checked ~ .page-species .family .species-list,
#view-list:checked ~ .page-species .species-list {
display: block;
@ -90,10 +90,10 @@
}
#view-edit:checked ~ .family .species-list,
#view-edit:checked ~ .species-list{
#view-edit:checked ~ .page-species .family .species-list,
#view-edit:checked ~ .page-species .species-list{
.taxon .btn-edit{
display: block!important;
z-index: 100;
}
z-index: 30;
}
}

1
assets/css/components/_view-toggle.scss
View file

@ -33,6 +33,7 @@ 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);
border-color: var(--color-txt);
svg {
fill: var(--white);
}