sticky filters

This commit is contained in:
2025-05-15 12:30:47 +02:00
parent 1e4201a45e
commit 4d6f2e4ca1
8 changed files with 19 additions and 172 deletions
+7 -8
View File
@@ -385,10 +385,9 @@ svg.ext {
margin: auto;
}
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf ::before {
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width: 25px;
content: url("../images/pictos/download.png");
height: auto;
padding-right: 0.5rem;
padding-right: 1rem;
}
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers .field--name-field-fichiers .file--mime-application-pdf a {
hyphens: auto;
@@ -413,6 +412,7 @@ svg.ext {
justify-items: center;
color: rgb(0, 158, 227);
font-weight: 800;
align-items: center;
}
.path-node.page-node-type-static .layout-container .layout-content .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
content: url("../images/pictos/external_link.png");
@@ -5330,6 +5330,9 @@ svg.ext {
padding-right: 2rem;
}
.path-ressources .layout-container {
overflow: visible;
}
.path-ressources .layout-content {
width: 100vw;
}
@@ -5439,12 +5442,8 @@ svg.ext {
order: 3;
}
}
.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 {
display: flex;
flex-direction: row;
}
.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 {
position: fixed;
position: sticky;
top: 13rem;
left: 0;
width: 15%;
Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 B

@@ -1,70 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 7500 9375"
xml:space="preserve"
id="svg20"
sodipodi:docname="noun_External Link_674151.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
width="7500"
height="9375"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
id="metadata26"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs24" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview22"
showgrid="false"
inkscape:zoom="6.92"
inkscape:cx="50"
inkscape:cy="159.82431"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg20"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"><inkscape:page
x="0"
y="0"
width="7500"
height="9375"
id="page2"
margin="0"
bleed="0" /></sodipodi:namedview><g
id="g14"
inkscape:export-filename="external_.png"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300"
transform="translate(-1260,-1575)"><g
id="g4"><rect
x="31.4"
y="35.099998"
transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
width="63.599998"
height="3.7"
id="rect2" /></g><g
id="g8"><polygon
points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
id="polygon6" /></g><g
id="g12"><polygon
points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
id="polygon10" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

@@ -1,38 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 50 50"
xml:space="preserve"
id="svg20"
width="50 "
height="50"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
id="metadata26"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs24" /><g
id="g14"
transform="translate(-1210,-1556.8138)"><g
id="g4"
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"><rect
x="31.4"
y="35.099998"
transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
width="63.599998"
height="3.7"
id="rect2"
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1" /></g><g
id="g8"><polygon
points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
id="polygon6" /></g><g
id="g12"
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1"><polygon
points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
id="polygon10"
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-opacity:1" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

@@ -1,35 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 50 50"
xml:space="preserve"
id="svg20"
width="50"
height="50"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
id="metadata26"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs24" /><g
id="g14"
transform="translate(-1260,-1575)"><g
id="g4"><rect
x="31.4"
y="35.099998"
transform="matrix(0.7071,-0.7071,0.7071,0.7071,-7.65,55.5169)"
width="63.599998"
height="3.7"
id="rect2" /></g><g
id="g8"><polygon
points="59.4,12.6 87.6,12.6 87.6,40.7 83.8,40.7 83.8,16.4 59.4,16.4 "
id="polygon6" /></g><g
id="g12"><polygon
points="46.3,23.9 16.3,23.9 16.3,83.9 76.3,83.9 76.3,53.9 80.1,53.9 80.1,87.6 12.6,87.6 12.6,20.1 46.3,20.1 "
id="polygon10" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1007 B

+4 -17
View File
@@ -148,7 +148,6 @@
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
span:nth-of-type(2){
display: none;
}
@@ -157,23 +156,17 @@
height: inherit;
margin: auto;
::before{
content: url("../images/pictos/noun_Download_file_307900.svg");
min-width:25px;
content: url("../images/pictos/download.png");
height: auto;
padding-right: 0.5rem;
// display: inline-flex;
// align-items: center;
padding-right: 1rem;
}
a{
hyphens: auto;
display: inline-flex;
// align-items: center;
color: $blue-light;
font-weight: 800;
// max-width: 80px ;
}
}
}
}
@@ -189,23 +182,19 @@
padding-left: 0.8rem;
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
a{
display: inline-flex;
// align-items: center;
justify-items: center;
color: $blue-light;
font-weight: 800;
align-items: center;
&::before{
content: url("../images/pictos/external_link.png");
// min-width: 25px;
height: auto;
padding-right: 1rem;
// display: inline-flex;
// align-items: center;
}
svg.ext{
display: none;
@@ -228,7 +217,6 @@
.node-type-ressource{
border: 2px solid $blue-light;
background-color: $white;
// margin-left: 1rem;
margin-bottom: 1rem ;
padding: 1rem;
div{
@@ -275,7 +263,6 @@
}
}
.field--name-field-images{
// display: none;
order: 1;
width: 25%;
@@ -1,6 +1,10 @@
.path-ressources{
.layout-content{
.layout-container {
overflow: visible;
}
.layout-content{
width: 100vw;
.region-content{
width: 100%;
@@ -109,10 +113,10 @@
order: 3;
}
.view-base-de-donnees{
display: flex;
flex-direction: row;
// display: flex;
// flex-direction: row;
.view-filters{
position: fixed;
position: sticky;
top: 13rem;
left: 0;
width: 15%;