bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css fichier unique filtres

Browse Source
This commit is contained in:
ouidade
2025-05-16 13:52:02 +02:00
parent 5c941c4654
commit 65a95309d5
5 changed files with 201 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/ressources.scss
-125
View File
@@ -144,124 +144,6 @@
padding-bottom: 1rem;
}
}
#views-exposed-form-base-de-donnees-block-1{
// max-width: 20%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 1rem;
@media (max-width: 479px){
justify-content: center;
}
.js-form-item{
display: flex;
flex-direction: column;
max-width: 100%;
margin-bottom: 1rem;
padding: 0.5rem;
align-items: baseline;
border: solid black 0.5px ;
@media(max-width: 810px){
display: flex;
flex-direction: row;
justify-content: space-between;
}
label{
flex: 2 1 auto;
}
input{
flex: 2 1 auto;
max-width: 55%;
@media(max-width: 810px){
max-width: 100%;
}
}
}
.js-form-type-select{
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding-top: 0.5rem;
label{
width: 60%;
text-transform: lowercase;
}
select{
background-color: white;
border: none;
width: 50%;
padding-bottom: 0.2rem;
@media(max-width: 810px){
width: 100%;
}
}
}
.js-form-type-textfield{
flex-direction: column;
padding-top: 0.8rem;
label{
text-transform: lowercase;
padding-bottom: 0.2rem;
flex: 2 1 auto;
}
input{
flex: 2 1 auto;
max-width: 55%;
}
}
&.js-form-item{
@media(max-width: 810px){
flex-direction: column;
}
}
#edit-actions{
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: center;
margin-left: auto;
@media (max-width: 479px){
justify-content: center;
margin: auto;
}
#edit-submit-base-de-donnees{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-left: 2rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
#edit-reset{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-top: 1rem;
margin-left: 1rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
}
}
}
.view-content{
@@ -461,19 +343,12 @@
}
.field--name-field-images{
grid-column: 1;
// display: none;
// width: 30%;
// width: fit-content;
// height: 100px;
.field__item{
height: 100px;
}
img{
height: 100%;
width: auto;
// width: 100%;
// height: auto;
}
}
.field--name-field-date-de-parution{