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

css ajustement home

Browse Source
This commit is contained in:
ouidade
2023-11-28 11:34:35 +01:00
parent ca6fa59084
commit 14c74ef9c8
4 changed files with 113 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+22 -9
View File
@@ -239,6 +239,7 @@ header {
align-items: start;
padding-left: 2.5rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
font-size: 1.2rem;
width: 70%;
display: flex;
flex-direction: column; }
@@ -432,8 +433,9 @@ input {
/*pages*/
.home-page-layout-content .layout--onecol {
width: 90%;
margin: auto;
font-size: 1.5rem;
font-size: 1.3rem;
font-weight: 400;
font-style: normal; }
.home-page-layout-content .layout--onecol h4 {
@@ -450,15 +452,17 @@ input {
grid-column: repeat(2, 1fr); }
.home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-1 {
grid-column: 1 /span 2;
grid-row: 1; }
grid-row: 1;
margin-bottom: 2rem; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f {
grid-column: 1;
grid-row: 2 /span 2;
width: 90%;
width: 85%;
border: solid #fdc300 1px;
background-color: white;
font-weight: 800;
padding: 1rem; }
padding: 2rem;
margin-right: 1rem; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f h2 {
margin-top: 0;
margin-bottom: 0;
@@ -476,19 +480,26 @@ input {
padding: 0;
margin: 0;
border: none;
font-weight: 400; }
font-weight: 400;
background-color: inherit; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f .field--type-link .field__item ::after {
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918.svg); }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover {
background-color: #fdc300; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover .field--type-link .field__item ::after {
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918_hover.svg); }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d {
margin-bottom: 1rem;
grid-column: 2;
grid-row: 2;
width: 90%;
height: fit-content;
display: flex;
justify-content: flex-end; }
justify-content: flex-end;
align-items: center; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d .field--type-file {
width: 100%;
margin: 0; }
@@ -499,7 +510,8 @@ input {
grid-row: 3;
width: 90%;
display: flex;
justify-content: flex-end; }
justify-content: flex-end;
align-items: center; }
.home-page-layout-content .layout--onecol .block-region-content .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252 .field--type-file {
width: 100%;
margin: 0; }
@@ -507,7 +519,8 @@ input {
background-color: #fdc300; }
.home-page-layout-content .layout--onecol .block-region-content .block-views-blockhome-block-2 {
grid-column: 1 /span 2;
grid-row: 4; }
grid-row: 4;
margin-top: 2rem; }
.user--register h1 {
font-size: 3rem !important;
web/themes/custom/reha/images/noun-arrow-1569918_hover.svg
+61
View File
@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
x="0px"
y="0px"
viewBox="0 0 60.166816 38.10535"
id="svg10"
sodipodi:docname="noun-arrow-1569918.svg"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
width="45"
height="24.10535"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview12"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="9.741103"
inkscape:cx="15.552654"
inkscape:cy="15.809298"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="276"
inkscape:window-maximized="1"
inkscape:current-layer="svg10">
<inkscape:page
x="0"
y="0"
width="60.166817"
height="38.10535"
id="page1"
margin="0 6.0311446 0 0"
bleed="0" />
</sodipodi:namedview>
<g
transform="translate(-19.52231,-983.19166)"
id="g4">
<path
style="color:white;text-indent:0;text-transform:none;direction:ltr;baseline-shift:baseline;enable-background:accumulate"
d="m 79.9999,1002.3622 c 0,-0.4628 -0.2799,-1.0773 -0.56389,-1.3755 l -15.9997,-17.00032 c -0.747,-0.7723 -1.9572,-0.8618 -2.8281,-0.078 -0.7786,0.7007 -0.798,2.0673 -0.078,2.8282 l 12.8435,13.62522 H 22.0001 c -1.1046,0 -2,0.8954 -2,2 0,1.1046 0.8954,2.0001 2,2.0001 h 51.37361 l -12.8435,13.6252 c -0.7199,0.7608 -0.6688,2.0938 0.078,2.8281 0.7885,0.7752 2.0925,0.7062 2.8281,-0.078 l 15.9997,-17.0002 c 0.4701,-0.4611 0.556,-0.9052 0.56389,-1.3748 z"
fill="white"
fill-opacity="1"
stroke="none"
marker="none"
visibility="visible"
display="inline"
overflow="visible"
id="path2" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

web/themes/custom/reha/scss/pages/_home.scss
+27 -8
View File
@@ -1,9 +1,9 @@
.home-page-layout-content{
.layout--onecol{
// width: 70%;
width: 90%;
margin: auto;
font-size: 1.5rem;
font-size: 1.3rem;
font-weight: 400;
font-style: normal;
h4{
@@ -27,19 +27,21 @@
.block-views-blockhome-block-1{
grid-column: 1 /span 2;
grid-row: 1;
margin-bottom: 2rem;
}
// grid-row: ;
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
grid-column: 1;
grid-row: 2 /span 2;
width: 90%;
width: 85%;
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
padding: 1rem;
padding: 2rem;
margin-right: 1rem;
h2{
margin-top: 0;
margin-bottom: 0;
@@ -63,8 +65,8 @@
margin: 0;
border: none;
font-weight: 400;
background-color: inherit;
.field__item {
::after{
justify-self: unset;
padding-left: 1rem;
@@ -72,6 +74,19 @@
}
}
}
}
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover{
background-color: $yellow-puca;
.field--type-link{
.field__item {
::after{
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918_hover.svg);
}
}
}
}
.block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
@@ -79,9 +94,10 @@
grid-column: 2;
grid-row: 2;
width: 90%;
height: fit-content;
// height: fit-content;
display: flex;
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 100%;
margin: 0;
@@ -94,8 +110,10 @@
grid-column: 2;
grid-row: 3;
width: 90%;
// height: fit-content;
display: flex;
justify-content: flex-end;
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 100%;
margin: 0;
@@ -107,6 +125,7 @@
.block-views-blockhome-block-2{
grid-column: 1 /span 2;
grid-row: 4;
margin-top: 2rem;
}
}
}
web/themes/custom/reha/scss/partials/_header.scss
+3
View File
@@ -78,6 +78,7 @@ header{
}
}
#user-login-form{
width: 80%;
display: flex;
flex-direction: column;
@@ -85,6 +86,8 @@ header{
padding-left: 2.5rem;
}
ul{
font-size: 1.2rem;
width: 70%;
display: flex;
flex-direction: column;