fiche site, bug slick atcus
This commit is contained in:
parent
f1eecda1a4
commit
8f7a5d04f3
|
@ -3,7 +3,7 @@
|
||||||
src: url('../css/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
|
src: url('../css/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
|
||||||
}
|
}
|
||||||
#sites-map-container {
|
#sites-map-container {
|
||||||
background-color: #f6f7f3;
|
background-color: transparent;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%; /* Prend toute la largeur du conteneur parent */
|
width: 100%; /* Prend toute la largeur du conteneur parent */
|
||||||
|
@ -83,6 +83,8 @@
|
||||||
|
|
||||||
#popup-content{
|
#popup-content{
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
padding-right: 30px;
|
||||||
|
|
||||||
p{
|
p{
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1350,7 +1350,6 @@ footer {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
#actus-caroussel .content-actus .views-row {
|
#actus-caroussel .content-actus .views-row {
|
||||||
width: 500px !important;
|
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 550px) {
|
@media (max-width: 550px) {
|
||||||
|
@ -2922,6 +2921,9 @@ body {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
@ -2930,10 +2932,12 @@ body {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div #sites-map-container {
|
||||||
position: fixed;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
left: 0.3rem;
|
left: 0.3rem;
|
||||||
}
|
}
|
||||||
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
@ -2967,28 +2971,38 @@ body {
|
||||||
content: url("../img/noun-arrow-to-right.svg");
|
content: url("../img/noun-arrow-to-right.svg");
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.2rem;
|
||||||
padding-left: 0.2rem;
|
padding-left: 0.2rem;
|
||||||
|
padding-bottom: 0.2rem;
|
||||||
}
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
|
||||||
width: fit-content;
|
margin: auto;
|
||||||
padding-left: 0.5rem;
|
}
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) h2, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .visually-hidden, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field--label-above, .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) span:not(.file) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
|
||||||
background: black;
|
background: black;
|
||||||
}
|
}
|
||||||
@media (max-width: 810px) {
|
@media (max-width: 810px) {
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
color: white;
|
color: white;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 0.6rem;
|
font-size: 0.6rem;
|
||||||
}
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
|
.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_liens_site) .field_field_liens_site a::after {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
content: url("../img/noun-arrow-to-right.svg");
|
content: url("../img/noun-arrow-to-right.svg");
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.2rem;
|
||||||
|
@ -3205,7 +3219,7 @@ main {
|
||||||
#lessites .content_container .view .header_view .view {
|
#lessites .content_container .view .header_view .view {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
#lessites .content_container .view .grille--views-row {
|
#lessites .content_container .view div:has(.views-row) {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
@ -3216,15 +3230,15 @@ main {
|
||||||
padding-top: 3rem;
|
padding-top: 3rem;
|
||||||
font-size: 0.6rem;
|
font-size: 0.6rem;
|
||||||
}
|
}
|
||||||
#lessites .content_container .view .grille--views-row .views-row {
|
#lessites .content_container .view div:has(.views-row) .views-row {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
#lessites .content_container .view .grille--views-row .views-row .views-field-title .field-content a {
|
#lessites .content_container .view div:has(.views-row) .views-row .views-field-title .field-content a {
|
||||||
color: rgb(7, 50, 194);
|
color: rgb(7, 50, 194);
|
||||||
font-family: "gilroy-bold";
|
font-family: "gilroy-bold";
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
}
|
}
|
||||||
#lessites .content_container .view .grille--views-row .views-row .views-field-field-images .field-content img {
|
#lessites .content_container .view div:has(.views-row) .views-row .views-field-field-images .field-content img {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
@ -3235,7 +3249,7 @@ main {
|
||||||
src: url("../css/fonts/Gilroy/gilroy-semibold-webfont.woff") format("woff");
|
src: url("../css/fonts/Gilroy/gilroy-semibold-webfont.woff") format("woff");
|
||||||
}
|
}
|
||||||
#sites-map-container {
|
#sites-map-container {
|
||||||
background-color: #f6f7f3;
|
background-color: transparent;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%; /* Prend toute la largeur du conteneur parent */
|
width: 100%; /* Prend toute la largeur du conteneur parent */
|
||||||
|
@ -3318,6 +3332,7 @@ main {
|
||||||
|
|
||||||
#popup-content {
|
#popup-content {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
padding-right: 30px;
|
||||||
}
|
}
|
||||||
#popup-content p {
|
#popup-content p {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
|
|
|
@ -374,7 +374,7 @@
|
||||||
// slidesToScroll: 1,
|
// slidesToScroll: 1,
|
||||||
dots: false,
|
dots: false,
|
||||||
arrows: true,
|
arrows: true,
|
||||||
centerMode: true,
|
// centerMode: true,
|
||||||
adaptiveHeight: false,
|
adaptiveHeight: false,
|
||||||
autoplay: false,
|
autoplay: false,
|
||||||
// autoplaySpeed: 1500,
|
// autoplaySpeed: 1500,
|
||||||
|
@ -388,7 +388,7 @@
|
||||||
adaptiveHeight: false,
|
adaptiveHeight: false,
|
||||||
arrows: true,
|
arrows: true,
|
||||||
draggable: true,
|
draggable: true,
|
||||||
centerMode: true,
|
centerMode: false,
|
||||||
autoplay: false,
|
autoplay: false,
|
||||||
// autoplaySpeed: 2000,
|
// autoplaySpeed: 2000,
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,8 +2,8 @@ main{
|
||||||
background-color: #f6f7f3;
|
background-color: #f6f7f3;
|
||||||
}
|
}
|
||||||
#lessites{
|
#lessites{
|
||||||
|
|
||||||
.content_container{
|
.content_container{
|
||||||
|
// background-color: red;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -35,7 +35,7 @@ main{
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.grille--views-row{
|
div:has(.views-row){
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
@ -57,12 +57,9 @@ main{
|
||||||
height: 200px;
|
height: 200px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.block-region-first{
|
.block-region-first{
|
||||||
|
position: fixed;
|
||||||
.views-element-container{
|
.views-element-container{
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
@ -29,17 +29,13 @@
|
||||||
div{
|
div{
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
// #sites-map-container.fixed{
|
|
||||||
// width: auto;
|
|
||||||
// left: 1.3rem;
|
|
||||||
// }
|
|
||||||
#sites-map-container{
|
#sites-map-container{
|
||||||
position: fixed;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
left: 0.3rem;
|
left: 0.3rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
div:has(.field_field_documents){
|
div:has(.field_field_documents){
|
||||||
|
margin: auto;
|
||||||
@media(max-width: 500px){
|
@media(max-width: 500px){
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -69,15 +65,22 @@
|
||||||
content: url("../img/noun-arrow-to-right.svg");
|
content: url("../img/noun-arrow-to-right.svg");
|
||||||
padding-right: 0.2rem;
|
padding-right: 0.2rem;
|
||||||
padding-left: 0.2rem;
|
padding-left: 0.2rem;
|
||||||
|
padding-bottom: 0.2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.field_field_liens_site div div{
|
div:has(.field_field_liens_site){
|
||||||
width: fit-content;
|
margin: auto;
|
||||||
padding-left: 0.5rem;
|
@media(max-width: 500px){
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, .visually-hidden, .field--label-above, span:not(.file){
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.field_field_liens_site{
|
||||||
background: black;
|
background: black;
|
||||||
@media (max-width:810px) {
|
@media (max-width:810px) {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
@ -101,6 +104,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.layout__region--second{
|
.layout__region--second{
|
||||||
flex: 0 1 60% !important;
|
flex: 0 1 60% !important;
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
}
|
}
|
||||||
.views-row{
|
.views-row{
|
||||||
width: 500px !important;
|
// width: 500px !important;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
||||||
@media(max-width: 550px){
|
@media(max-width: 550px){
|
||||||
|
|
|
@ -1,36 +0,0 @@
|
||||||
{#
|
|
||||||
/**
|
|
||||||
* @file
|
|
||||||
* Default theme implementation to display a view of unformatted rows.
|
|
||||||
*
|
|
||||||
* Available variables:
|
|
||||||
* - title: The title of this group of rows. May be empty.
|
|
||||||
* - rows: A list of the view's row items.
|
|
||||||
* - attributes: The row's HTML attributes.
|
|
||||||
* - content: The row's content.
|
|
||||||
* - view: The view object.
|
|
||||||
* - default_row_class: A flag indicating whether default classes should be
|
|
||||||
* used on rows.
|
|
||||||
*
|
|
||||||
* @see template_preprocess_views_view_unformatted()
|
|
||||||
*
|
|
||||||
* @ingroup themeable
|
|
||||||
*/
|
|
||||||
#}
|
|
||||||
{% if title %}
|
|
||||||
<h3>{{ title }}</h3>
|
|
||||||
{% endif %}
|
|
||||||
<div class="grille--views-row">
|
|
||||||
|
|
||||||
{% for row in rows %}
|
|
||||||
{%
|
|
||||||
set row_classes = [
|
|
||||||
default_row_class ? 'views-row',
|
|
||||||
|
|
||||||
]
|
|
||||||
%}
|
|
||||||
<div{{ row.attributes.addClass(row_classes) }}>
|
|
||||||
{{- row.content -}}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
Loading…
Reference in New Issue