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;
}
}
.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;
border: 1px solid black;
padding: 0.3rem 0.5rem 0.1rem 0.3rem;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
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);
display: inline-flex;
flex-direction: row;
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;
}
.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);
}
.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");
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");
}
.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");
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");
}
.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");
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");
}
.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");
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");
}
.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");
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");
}
.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");
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");
}
.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;
// border-radius: 30px;
border: 1px solid black;
@@ -187,91 +187,73 @@
margin-bottom: 0.5rem;
margin-right: 0.5rem;
font-size: 0.8rem;
color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{
cursor: grab;
background-color: $blue-dark;
color: white;
}
a {
:visited{
color: $blue-dark;
display: inline-flex;
flex-direction: row;
align-items: center;
&:hover{
color: white;
}
:visited{
color: $blue-dark;
}
}
&.button-videos{
a {
&::before{
&::before{
content:url("../images/pictos/videos.svg");
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{
a {
&::before{
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
&::before{
content:url("../images/pictos/podcasts.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/podcasts-blanc.svg");
}
}
&.button-images---photos{
a {
&::before{
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
&::before{
content:url("../images/pictos/en-images.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/en-images-blanc.svg");
}
}
&.button-livres{
a {
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
&.button-articles{
a {
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
}
&.button-publications---rapports{
a {
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
content:url("../images/pictos/ecrits-blanc.svg");
}
&::before{
content:url("../images/pictos/ecrits.svg");
padding-right: 0.5rem;
}
&:hover::before{
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">
{% for item in media_links %}
<button class="button-{{ item.slug }}{% if item.active %} is-active{% endif %}" type="button">
<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=' }}">
{{ item.label }}
</a>
</button>
<a
class="button button-{{ item.slug }}{% if item.active %} is-active{% endif %}"
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=' }}"
>
{{ item.label }}
</a>
{% endfor %}
</div>