favicon, script nbsp, pages login..., fix header logged in, équipes portrait, clean blob mask index projets

This commit is contained in:
Valentin
2024-11-07 20:34:00 +01:00
parent 9cd6627bfa
commit 6db99742c4
15 changed files with 362 additions and 75 deletions

View File

@@ -22,6 +22,8 @@
width: 100%;
height: 100%;
object-fit: cover;
padding: 1px;
filter: grayscale(100%);
}
&::after {
top: 0;

View File

@@ -123,19 +123,22 @@
border-radius: 5rem;
padding: 1rem;
margin-right: 1rem;
}
&::after {
top: 1.2rem;
left: 1.2rem;
position: absolute;
content: '';
width: 8rem;
height: 8rem;
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: cover;
display: block;
pointer-events: none;
}
}
&::after {
top: 0;
left: 0;
width: 8.1rem;
height: 8.1rem;
margin: 1rem;
margin-right: 2rem;
margin-top: 1.1rem;
position: absolute;
content: '';
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: contain;
display: block;
pointer-events: none;
}
}
> p.occupation {
grid-column: 2;
@@ -169,6 +172,7 @@
margin: unset;
padding: unset;
font-weight: 800;
margin-top: 0 !important;
}
}
> p.address {
@@ -257,12 +261,13 @@
.views-row {
margin-bottom: unset;
}
> div:first-of-type {
> .image_presentation {
padding: unset !important;
grid-column: 1/2;
grid-row: 1/6;
justify-self: center;
align-self: center;
position: relative;
> img {
width: 8rem;
height: 8rem;
@@ -277,6 +282,23 @@
margin-right: 2rem;
}
}
&::after {
top: 2px;
left: 2px;
width: 7.8rem;
height: 7.8rem;
position: absolute;
content: '';
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
background-size: contain;
display: block;
pointer-events: none;
@media (min-width: $breakpoint_tablet) {
width: 13.2rem;
height: 13.2rem;
margin: 0.8rem;
}
}
}
> .offre-structure {
> h2 {
@@ -337,7 +359,15 @@
}
> .offre-time {
> h2, > div {
display: inline-block;
display: inline-block !important;
}
> h2 {
text-transform: unset !important;
font-size: $sm_font_size !important;
color: black !important;
margin: 0 !important;
padding: 0 !important;
@include main_text_content();
}
align-self: center;
grid-column: 2/4;
@@ -347,10 +377,17 @@
margin-bottom: 0.5rem;
@media (min-width: $breakpoint_desktop) {
margin-top: 0;
grid-column: 3/4;
grid-column: 2/4;
grid-row: 5/7;
}
}
&:has(.views-field-contact a) {
> .offre-time {
@media (min-width: $breakpoint_desktop) {
grid-column: 3/4;
}
}
}
> .offre-description {
grid-column: 1/4;
grid-row: 7/8;
@@ -358,6 +395,9 @@
margin-top: 2vh;
padding-top: 6vh;
margin-bottom: 4vh;
p {
margin: 1rem 0;
}
}
> .liens_fixed {
grid-row: 8/9;

View File

@@ -13,29 +13,42 @@
align-items: center;
padding: 0 3vw;
> div:first-of-type {
> div {
grid-column: 1/3;
display: flex;
justify-content: center;
@media (min-width: $breakpoint_tablet) {
grid-column: 1/2;
}
> .visually-hidden {
display: none;
}
> div {
width: 30vw;
height: auto;
overflow: hidden;
margin-bottom: 1rem;
img {
width: 100%;
height: auto;
mix-blend-mode: darken;
width: 100%;
height: auto;
mix-blend-mode: darken;
}
@media (min-width: $breakpoint_tablet) {
width: 20vw;
margin-bottom: 1rem;
width: 20vw;
}
@media (min-width: $breakpoint_desktop) {
width: 10vw;
width: 10vw;
}
}
}
> div:nth-of-type(2) {
grid-column: 1/3;
@include main_text_content();
margin-bottom: 2rem;
padding-left: $x_margin;
@media (min-width: $breakpoint_tablet) {
padding-left: $x_margin;
grid-column: 2/3;
}
}
> div:last-of-type {

View File

@@ -81,15 +81,17 @@
grid-column-gap: 1rem;
> .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/4;
grid-row: 1/3;
align-self: start;
overflow: hidden;
height: 100%;
> .field-content {
display: block;
width: 100%;
height: 100%;
height: auto;
//height: 100%;
> a {
aspect-ratio: 1/1;
width: 100%;
height: auto;
display: flex;
@@ -100,8 +102,8 @@
mask-size: 100% auto;
mask-position: center;
img {
width: 170%;
height: auto;
width: auto;
height: 100%;
//object-fit: cover;
}
}
@@ -111,7 +113,7 @@
grid-column: 2;
grid-row: 1;
margin-bottom: 1rem;
margin-left: -1rem;
//margin-left: -1rem;
a {
color: $teal;
}
@@ -130,10 +132,12 @@
@include sous_titre_alt();
}
> .views-field-field-localisation-textuel {
grid-column: 2;
grid-column: 1/3;
grid-row: 3;
margin-bottom: 1rem;
margin-left: -0.5rem;
padding-left: 1.2rem;
padding-top: 0.3rem;
//margin-left: -0.5rem;
@include main_text_content();
a {
color: black;

View File

@@ -7,7 +7,7 @@
} */
body {
//background-color: lightgrey;
> div:first-of-type {
> .dialog-off-canvas-main-canvas {
position: relative;
z-index: 1;
}

View File

@@ -1,9 +1,10 @@
main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask, main.main-add-offre {
min-height: 50vh;
.login, .user, .register, .contact, .ask, .add-offre {
padding-top: 5vh;
margin-top: 12vh;
padding: 5vh 0;
width: 100vw;
@include white_beige_gradient();
background-color: white;
> h2 {
@include sous_titre_alt();
text-align: center;
@@ -76,3 +77,8 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
#edit-field-description-0-format {
display: none;
}
.form-item {
padding-left: 3rem;
@include main_text_content();
}

View File

@@ -1,8 +1,8 @@
/*
body.toolbar-tray-open header[role="banner"] {
left: 15rem !important;
width: calc(100% - 15rem) !important;
}
} */
body.toolbar-fixed header[role="banner"] {
top: 2.4em !important;