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

css aside

Browse Source
This commit is contained in:
ouidade
2023-11-27 15:31:29 +01:00
parent 99d2f7a054
commit d6bd976a4c
12 changed files with 452 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+65 -13
View File
@@ -2,7 +2,7 @@
/*reha*/
/*global*/
/* Colors used for REHA */
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link {
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .layout-sidebar-first #block-reha-phase1 footer {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -20,6 +20,15 @@
.create-account-link {
width: 80%; }
.views-field-edit-node {
width: fit-content; }
.views-field-edit-user {
width: fit-content; }
#edit-unlock {
display: none; }
.mailto {
text-decoration: underline; }
@@ -110,7 +119,6 @@
font-family: 'Marianne';
font-weight: 400;
font-style: normal;
margin: none;
top: 0%;
left: 0%;
width: 100%;
@@ -119,19 +127,27 @@
flex-flow: row wrap; }
.layout-container header {
flex: 0 0 100%; }
.layout-container main {
position: relative; }
.layout-container footer {
flex: 0 0 100%; }
.layout-content {
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 60%;
width: 70%;
margin: auto; }
aside {
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10rem; }
main {
width: 100%; }
width: 100%;
display: flex;
flex-direction: row;
position: relative; }
.main-content {
margin-top: 7rem; }
@@ -148,6 +164,12 @@ a {
:visited {
color: black; }
html.js body {
margin: 0 !important; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container {
margin: 0 !important; }
/*partials*/
header {
display: block;
@@ -282,6 +304,12 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li {
margin-bottom: 3rem; }
header .bouton {
align-self: flex-end;
width: fit-content; }
@@ -351,7 +379,8 @@ label {
padding-bottom: 0.5rem; }
input {
height: 2rem; }
height: 2rem;
width: 50%; }
.form-submit {
background-color: white;
@@ -361,7 +390,8 @@ input {
height: 5rem !important;
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 300; }
font-weight: 300;
width: fit-content; }
#user-login-form .form-item {
flex-direction: row;
@@ -369,6 +399,25 @@ input {
#user-login-form .form-item label {
padding-right: 0.5rem; }
.layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px;
font-weight: 800;
padding: 1rem;
width: 80%; }
.layout-sidebar-first #block-reha-phase1 h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 1000;
line-height: 1rem;
font-size: 1.5rem; }
.layout-sidebar-first #block-reha-phase1 p {
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0.8rem; }
.layout-sidebar-first #block-reha-phase1 footer {
width: fit-content; }
/*pages*/
.home-page-layout-content .layout--onecol {
margin: auto;
@@ -452,11 +501,14 @@ input {
font-size: 3rem !important;
font-weight: 600; }
.layout-content footer {
background-color: none; }
.node-type-operation footer {
display: none; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer {
background-color: none; }
.node-type-operation .views-field-edit-node {
background-color: rgba(153, 147, 174, 0) !important; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
width: fit-content; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper {
width: 40%; }
web/themes/custom/reha/scss/global/_layout.scss
+16 -7
View File
@@ -9,7 +9,6 @@ $width-menu-slidedown : 550px;
font-family: 'Marianne';
font-weight: 400;
font-style: normal;
margin: none;
top: 0%;
left: 0%;
width: 100%;
@@ -20,24 +19,34 @@ $width-menu-slidedown : 550px;
header{
flex: 0 0 100%;
}
main{
position: relative;
// top: -7rem;
}
// main{
// // position: relative;
// // top: -7rem;
// }
footer{
flex: 0 0 100%;
}
}
.layout-content{
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 60%;
width: 70%;
margin: auto;
}
aside{
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10rem;
}
main{
width: 100%;
display: flex;
flex-direction: row;
position: relative;
}
.main-content{
web/themes/custom/reha/scss/global/_reset.scss
+7
View File
@@ -10,4 +10,11 @@ a{
:visited{
color: black;
}
html.js body{
margin: 0 !important;
}
html.js body div.dialog-off-canvas-main-canvas div.layout-container{
margin: 0 !important;
}
web/themes/custom/reha/scss/global/variables/_buttons.scss
+15
View File
@@ -36,4 +36,19 @@
}
.request-password-link{
@extend %buttonwithborder;
}
.views-field-edit-node{
@extend %buttonwithborder;
width: fit-content;
}
.views-field-edit-user{
@extend %buttonwithborder;
width: fit-content;
}
footer{
}
#edit-unlock{
display: none;
}
web/themes/custom/reha/scss/pages/_operations.scss
+16 -8
View File
@@ -1,16 +1,24 @@
.layout-content{
footer{
background-color: none;
}
}
// .layout-content{
// footer{
// background-color: none;
// }
// }
.node-type-operation{
footer{
display: none;
}
.views-field-edit-node{
background-color: rgba(153, 147, 174, 0) !important;
}
}
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer{
background-color: none;
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer{
background-color: rgba(153, 147, 174, 0) !important;
}
web/themes/custom/reha/scss/pages/_proposer-une-operation.scss
+15
View File
@@ -0,0 +1,15 @@
#block-reha-contenudelapageprincipale{
#node-operation-form{
#edit-field-fiche-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: fit-content;
}
#edit-field-dossier-de-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: 40%;
}
}
}
web/themes/custom/reha/scss/partials/_aside.scss
+31
View File
@@ -0,0 +1,31 @@
.layout-sidebar-first{
#block-reha-phase1{
border: solid $yellow-puca 1px;
font-weight: 800;
padding: 1rem;
width: 80%;
h2{
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 1000;
line-height: 1rem;
font-size:1.5rem ;
}
p{
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0.8rem;
}
footer{
@extend %buttonwithborder;
width: fit-content;
}
}
}
web/themes/custom/reha/scss/partials/_forms.scss
+3 -1
View File
@@ -7,6 +7,7 @@ label{
}
input{
height: 2rem;
width: 50%;
}
.form-submit{
background-color: white;
@@ -17,6 +18,7 @@ input{
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 300;
width: fit-content;
}
#user-login-form{
@@ -28,4 +30,4 @@ input{
}
}
}
web/themes/custom/reha/scss/partials/_header.scss
+8
View File
@@ -167,6 +167,14 @@ header{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%;
ul{
width: 70%;
display: flex;
flex-direction: column;
li{
margin-bottom: 3rem;
}
}
}
}
}
web/themes/custom/reha/scss/reha.scss
+5 -3
View File
@@ -5,7 +5,7 @@
/*global*/
@import "global/variables/colors.scss";
@import "global/variables/colors";
@import "global/variables/typography";
@import "global/variables/buttons";
@import "global/core";
@@ -15,11 +15,13 @@
/*partials*/
@import "partials/header";
@import "partials/footer.scss";
@import "partials/footer";
@import "partials/forms";
@import "partials/aside";
/*pages*/
@import "pages/home";
@import "pages/creer-un-compte";
@import "pages/operations.scss";
@import "pages/operations";
@import "pages/proposer-une-operation";
web/themes/custom/reha/templates/views-mini-pager.html.twig
+44
View File
@@ -0,0 +1,44 @@
{#
/**
* @file
* Default theme implementation for a views mini-pager.
*
* Available variables:
* - heading_id: Pagination heading ID.
* - items: List of pager items.
*
* @see template_preprocess_views_mini_pager()
*
* @ingroup themeable
*/
#}
{% if items.previous or items.next %}
<nav role="navigation" aria-labelledby="{{ heading_id }}">
<h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
<ul class="js-pager__items">
{% if items.previous %}
<li>
<a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Previous page'|t }}</span>
<span aria-hidden="true">{{ items.previous.text|default('‹‹'|t) }}</span>
</a>
</li>
{% endif %}
{% if items.current %}
<li>
{% trans %}
Page {{ items.current }}
{% endtrans %}
</li>
{% endif %}
{% if items.next %}
<li>
<a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Next page'|t }}</span>
<span aria-hidden="true">{{ items.next.text|default('››'|t) }}</span>
</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}