bachir/drupal-mathallo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

corrections

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2026-06-08 13:28:11 +02:00
parent 7f852a2894
commit 67b655a166
6 changed files with 103 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web_main/themes/custom/mathallo/assets/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long

148
web_main/themes/custom/mathallo/assets/scss/main.scss
View File

@@ -14,14 +14,14 @@ body{
$header_height: 50px;
// _ _
// | | | |
// | | __ _ _ _ ___ _ _| |_
// _ _
// | | | |
// | | __ _ _ _ ___ _ _| |_
// | | / _` | | | |/ _ \| | | | __|
// | |___| (_| | |_| | (_) | |_| | |_
// | |___| (_| | |_| | (_) | |_| | |_
// \_____/\__,_|\__, |\___/ \__,_|\__|
// __/ |
// |___/
// __/ |
// |___/
div.layout-container{
// display: flex;
@@ -30,7 +30,7 @@ div.layout-container{
// overflow: hidden;
header[role="banner"]{
padding: 0.5em;
// flex: 0 1 content;
// flex: 0 1 content;
z-index: 100;
position: fixed;
top:0;
@@ -38,19 +38,19 @@ div.layout-container{
height: $header_height;
}
nav[role="breadcrumb"]{
// flex: 1 1 auto;
position: fixed;
// flex: 1 1 auto;
position: fixed;
z-index: 90;
top:$header_height + 30px;
left: 15px;
}
main[role="main"]{
// flex: 1 1 auto;
// flex: 1 1 auto;
padding:5em 0;
overflow-y: scroll;
}
footer[role="contentinfo"]{
// flex: 0 1 content;
// flex: 0 1 content;
z-index: 100;
position: fixed;
bottom: 0;
@@ -60,32 +60,32 @@ div.layout-container{
// _ _ _
// | | | | | |
// | |_| | ___ __ _ __| | ___ _ __
// _ _ _
// | | | | | |
// | |_| | ___ __ _ __| | ___ _ __
// | _ |/ _ \/ _` |/ _` |/ _ \ '__|
// | | | | __/ (_| | (_| | __/ |
// \_| |_/\___|\__,_|\__,_|\___|_|
header[role="banner"]{
// | | | | __/ (_| | (_| | __/ |
// \_| |_/\___|\__,_|\__,_|\___|_|
header[role="banner"]{
background-color: #fff;
box-shadow: 0 -5px 15px #000;
.header-middle{
display: flex;
justify-content:space-between;
align-items: center;
padding: 0.2em 2em;
}
#block-mathallo-formulairederecherche{
form{
display: flex;
align-items: baseline;
}
}
#block-mathallo-identitedusite{
a{
color: $bleu_site;
@@ -116,12 +116,12 @@ header[role="banner"]{
// position: absolute;
width:20px; height:3px;
background-color: $bleu_site;
}
&:hover{
&, &::before, &::after{
background-color: $rose;
}
}
}
&::before, &::after{
content: "";
@@ -139,7 +139,7 @@ header[role="banner"]{
transform: rotate(90deg);
}
}
&>div.wrapper{
position:absolute;
@@ -209,14 +209,14 @@ header[role="banner"]{
} // end of header[role="banner"]{
// ______ _ _
// | ___ \ | | | |
// | |_/ /_ __ ___ __ _ __| | ___ _ __ _ _ _ __ ___ | |__
// | ___ \ '__/ _ \/ _` |/ _` |/ __| '__| | | | '_ ` _ \| '_ \
// ______ _ _
// | ___ \ | | | |
// | |_/ /_ __ ___ __ _ __| | ___ _ __ _ _ _ __ ___ | |__
// | ___ \ '__/ _ \/ _` |/ _` |/ __| '__| | | | '_ ` _ \| '_ \
// | |_/ / | | __/ (_| | (_| | (__| | | |_| | | | | | | |_) |
// \____/|_| \___|\__,_|\__,_|\___|_| \__,_|_| |_| |_|_.__/
// \____/|_| \___|\__,_|\__,_|\___|_| \__,_|_| |_| |_|_.__/
nav[role="breadcrumb"]{
nav[role="breadcrumb"]{
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
padding:0em;
@@ -251,13 +251,13 @@ nav[role="breadcrumb"]{
}
// ___ ___ _
// | \/ | (_)
// | . . | __ _ _ _ __
// | |\/| |/ _` | | '_ \
// ___ ___ _
// | \/ | (_)
// | . . | __ _ _ _ __
// | |\/| |/ _` | | '_ \
// | | | | (_| | | | | |
// \_| |_/\__,_|_|_| |_|
main[role="main"]{
position: relative;
&>div.layout-content{
@@ -300,9 +300,9 @@ main[role="main"]{
// next chapitre
nav.prev-chapitre,
nav.next-chapitre{
position:absolute;
padding: 0.5em 1em;
@include menu-contenus;
@@ -343,7 +343,7 @@ main[role="main"]{
label{
background-color: $bleu_site;
color: #fff;
padding: 0.5em 1em;
padding: 0.5em 1em;
z-index: 2;
top:-3em;
}
@@ -376,7 +376,7 @@ main[role="main"]{
padding:0;
position: absolute;
top:calc(100% - 15px);
left: calc(50% - 15px);
left: calc(50% - 15px);
li{
list-style: none;
a{
@@ -390,17 +390,17 @@ main[role="main"]{
nav.arrow-more{
position: absolute;
top:calc(100% - 15px);
left: calc(50% - 15px);
left: calc(50% - 15px);
a.arrow{
@include arrow-blue;
}
}
article{
@include card;
h2{
@include titre_h2;
margin:0;
@@ -408,6 +408,8 @@ main[role="main"]{
color: $rose;
}
}
div.field-chapitre-num,
div.field-partie-num{
background-color: $bleu_site;
@@ -424,10 +426,30 @@ main[role="main"]{
}
}
// Article Static Home page teaser
&[role="home-presentation"]{
>h2{
color: $bleu_site;
text-decoration: none;
font-family: 'Fredoka';
text-transform:uppercase;
font-weight: 500;
}
p{
vertical-align: top;
display: inline-block;
max-width: 31%;
margin-top: 2em;
box-sizing: border-box;
&:not(:first-of-type){
margin-left: 2.5%;
}
}
}
}
article.node-type-chapitre{
}
// Page Chapitres
@@ -435,6 +457,11 @@ main[role="main"]{
// display: flex;
// gap: 2em;
padding:1em;
article.node-type-partie{
>h2{
@include titre_h3;
}
}
}
// Page Partie
@@ -466,6 +493,7 @@ main[role="main"]{
}
&.field-ressources{
// margin-left: 20em;
div.paragraph--type--ressource{
.field_titre{
background-color: $bleu_site;
@@ -480,7 +508,9 @@ main[role="main"]{
}
}
}
&.field-plus-loin{
// margin-right: 20em;
div.paragraph--type--complement{
.field_titre{
@include titre_h4;
@@ -491,7 +521,7 @@ main[role="main"]{
}
} // div.layout-content
div#partie-principes-pratique{
position: relative;
display: flex;
@@ -503,6 +533,10 @@ main[role="main"]{
&>*>*{
opacity: 1;
}
.field-label{
color: $rose;
font-weight: 600;
}
}
@mixin back-card{
z-index: 1;
@@ -510,6 +544,10 @@ main[role="main"]{
&>*>*{
opacity: 0.6;
}
.field-label{
color: inherit;
font-weight: 600;
}
}
&.field-principes-reflexion{
@@ -535,6 +573,8 @@ main[role="main"]{
} // partie-principes-pratique
// HOME
div.views-home-chapitres{
// display: flex;
// gap: 2em;
@@ -566,20 +606,20 @@ main[role="main"]{
}
}
}
}
// ______ _
// | ___| | |
// | |_ ___ ___ | |_ ___ _ __
// ______ _
// | ___| | |
// | |_ ___ ___ | |_ ___ _ __
// | _/ _ \ / _ \| __/ _ \ '__|
// | || (_) | (_) | || __/ |
// \_| \___/ \___/ \__\___|_|
// | || (_) | (_) | || __/ |
// \_| \___/ \___/ \__\___|_|
footer[role="contentinfo"]{
background-color: #fff;
box-shadow: 0 5px 15px #000;
padding: 0.2em 2em;
padding: 0.2em 2em;
#block-mathallo-navigationprincipale-2{
ul{
display: flex;