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

4
config/sync/core.entity_view_display.node.partie.default.yml
View File

@@ -50,7 +50,7 @@ content:
view_mode: default view_mode: default
link: '' link: ''
third_party_settings: { } third_party_settings: { }
weight: 6 weight: 5
region: content region: content
field_principes_reflexions: field_principes_reflexions:
type: text_default type: text_default
@@ -66,7 +66,7 @@ content:
view_mode: default view_mode: default
link: '' link: ''
third_party_settings: { } third_party_settings: { }
weight: 5 weight: 6
region: content region: content
links: links:
settings: { } settings: { }

2
config/sync/field.field.node.partie.field_principes_reflexions.yml
View File

@@ -12,7 +12,7 @@ id: node.partie.field_principes_reflexions
field_name: field_principes_reflexions field_name: field_principes_reflexions
entity_type: node entity_type: node
bundle: partie bundle: partie
label: Principes/réflexions label: Repères
description: '' description: ''
required: false required: false
translatable: false translatable: false

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

5
web_main/themes/custom/mathallo/templates/node--partie--full.html.twig
View File

@@ -68,7 +68,8 @@
{{ content.field_partie }} {{ content.field_partie }}
</div> </div>
{{ title_prefix }} {{ title_prefix }}
{% if label and not page %} {# {% if label and not page %} #}
{% if label %}
<h2{{ title_attributes }}> <h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a> <a href="{{ url }}" rel="bookmark">{{ label }}</a>
</h2> </h2>
@@ -99,4 +100,4 @@
{% if content.field_pour_aller_plus_loin %} {% if content.field_pour_aller_plus_loin %}
<section class="field-card field-plus-loin">{{ content.field_pour_aller_plus_loin }}</section> <section class="field-card field-plus-loin">{{ content.field_pour_aller_plus_loin }}</section>
{% endif %} {% endif %}

3
web_main/themes/custom/mathallo/templates/node--static--home.html.twig
View File

@@ -67,7 +67,8 @@
{{ title_prefix }} {{ title_prefix }}
{% if label and not page %} {% if label and not page %}
<h2{{ title_attributes }}> <h2{{ title_attributes }}>
<a href="{{ url }}" rel="bookmark">{{ label }}</a> {# <a href="{{ url }}" rel="bookmark">{{ label }}</a> #}
{{ label }}
</h2> </h2>
{% endif %} {% endif %}
{{ title_suffix }} {{ title_suffix }}