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

change twig button media

Browse Source
This commit is contained in:
ouidade
2025-06-05 11:42:47 +02:00
parent eca756315f
commit e65412f9fc
3 changed files with 66 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+17 -22
View File
@@ -5459,71 +5459,66 @@ svg.ext {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button {
background-color: transparent; background-color: transparent;
border: 1px solid black; border: 1px solid black;
padding: 0.3rem 0.5rem 0.1rem 0.3rem; padding: 0.3rem 0.5rem 0.1rem 0.3rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button:hover {
cursor: grab;
background-color: rgb(9, 57, 139);
color: white;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button a {
color: rgb(9, 57, 139); color: rgb(9, 57, 139);
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button a:hover { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button:hover {
cursor: grab;
background-color: rgb(9, 57, 139);
color: white; color: white;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button a :visited { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button :visited {
color: rgb(9, 57, 139); color: rgb(9, 57, 139);
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos::before {
content: url("../images/pictos/videos.svg"); content: url("../images/pictos/videos.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a:hover::before, .is-active .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-videos a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos:hover::before, .is-active .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos::before {
content: url("../images/pictos/videos-blanc.svg"); content: url("../images/pictos/videos-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-podcasts::before {
content: url("../images/pictos/podcasts.svg"); content: url("../images/pictos/podcasts.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-podcasts a:hover::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-podcasts:hover::before {
content: url("../images/pictos/podcasts-blanc.svg"); content: url("../images/pictos/podcasts-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-images---photos a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-images---photos::before {
content: url("../images/pictos/en-images.svg"); content: url("../images/pictos/en-images.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-images---photos a:hover::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-images---photos:hover::before {
content: url("../images/pictos/en-images-blanc.svg"); content: url("../images/pictos/en-images-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-livres::before {
content: url("../images/pictos/ecrits.svg"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-livres a:hover::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-livres:hover::before {
content: url("../images/pictos/ecrits-blanc.svg"); content: url("../images/pictos/ecrits-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-articles::before {
content: url("../images/pictos/ecrits.svg"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-articles a:hover::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-articles:hover::before {
content: url("../images/pictos/ecrits-blanc.svg"); content: url("../images/pictos/ecrits-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications---rapports a::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-publications---rapports::before {
content: url("../images/pictos/ecrits.svg"); content: url("../images/pictos/ecrits.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.button-publications---rapports a:hover::before { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-publications---rapports:hover::before {
content: url("../images/pictos/ecrits-blanc.svg"); content: url("../images/pictos/ecrits-blanc.svg");
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.is-active { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.is-active {
web/themes/custom/eql/scss/pages/ressources.scss
+43 -61
View File
@@ -179,7 +179,7 @@
} }
} }
button{ a.button{
background-color: transparent; background-color: transparent;
// border-radius: 30px; // border-radius: 30px;
border: 1px solid black; border: 1px solid black;
@@ -187,91 +187,73 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
font-size: 0.8rem; font-size: 0.8rem;
color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{ &:hover{
cursor: grab; cursor: grab;
background-color: $blue-dark; background-color: $blue-dark;
color: white; color: white;
} }
:visited{
a {
color: $blue-dark; color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{
color: white;
}
:visited{
color: $blue-dark;
}
} }
&.button-videos{ &.button-videos{
a { &::before{
&::before{
content:url("../images/pictos/videos.svg"); content:url("../images/pictos/videos.svg");
padding-right: 0.5rem; padding-right: 0.5rem;
}
&:hover::before,
.is-active &::before{
content:url("../images/pictos/videos-blanc.svg");
}
} }
} &:hover::before,
.is-active &::before{
content:url("../images/pictos/videos-blanc.svg");
}
}
&.button-podcasts{ &.button-podcasts{
a { &::before{
&::before{ content:url("../images/pictos/podcasts.svg");
content:url("../images/pictos/podcasts.svg"); padding-right: 0.5rem;
padding-right: 0.5rem; }
} &:hover::before{
&:hover::before{ content:url("../images/pictos/podcasts-blanc.svg");
content:url("../images/pictos/podcasts-blanc.svg");
}
} }
} }
&.button-images---photos{ &.button-images---photos{
a { &::before{
&::before{ content:url("../images/pictos/en-images.svg");
content:url("../images/pictos/en-images.svg"); padding-right: 0.5rem;
padding-right: 0.5rem; }
} &:hover::before{
&:hover::before{ content:url("../images/pictos/en-images-blanc.svg");
content:url("../images/pictos/en-images-blanc.svg");
}
} }
} }
&.button-livres{ &.button-livres{
a { &::before{
&::before{ content:url("../images/pictos/ecrits.svg");
content:url("../images/pictos/ecrits.svg"); padding-right: 0.5rem;
padding-right: 0.5rem; }
} &:hover::before{
&:hover::before{ content:url("../images/pictos/ecrits-blanc.svg");
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
} }
&.button-articles{ &.button-articles{
a { &::before{
&::before{ content:url("../images/pictos/ecrits.svg");
content:url("../images/pictos/ecrits.svg"); padding-right: 0.5rem;
padding-right: 0.5rem; }
} &:hover::before{
&:hover::before{ content:url("../images/pictos/ecrits-blanc.svg");
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
} }
&.button-publications---rapports{ &.button-publications---rapports{
a { &::before{
&::before{ content:url("../images/pictos/ecrits.svg");
content:url("../images/pictos/ecrits.svg"); padding-right: 0.5rem;
padding-right: 0.5rem; }
} &:hover::before{
&:hover::before{ content:url("../images/pictos/ecrits-blanc.svg");
content:url("../images/pictos/ecrits-blanc.svg");
}
} }
} }
web/themes/custom/eql/templates/partials/form.html.twig
+6 -5
View File
@@ -27,11 +27,12 @@
<div class="buttons-filtres-ressources"> <div class="buttons-filtres-ressources">
{% for item in media_links %} {% for item in media_links %}
<button class="button-{{ item.slug }}{% if item.active %} is-active{% endif %}" type="button"> <a
<a href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}"> class="button button-{{ item.slug }}{% if item.active %} is-active{% endif %}"
{{ item.label }} href="{{ path('<front>') ~ 'ressources?field_type_de_media_target_id=' ~ item.tid ~ '&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=' }}"
</a> >
</button> {{ item.label }}
</a>
{% endfor %} {% endfor %}
</div> </div>