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

css form connexion

Browse Source
This commit is contained in:
ouidade
2023-11-28 12:25:39 +01:00
parent 4add353075
commit 3c2090cbf0
4 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+17 -7
View File
@@ -2,7 +2,7 @@
/*reha*/ /*reha*/
/*global*/ /*global*/
/* Colors used for REHA */ /* Colors used for REHA */
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer { .field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
@@ -245,9 +245,16 @@ header {
font-size: 1.2rem; font-size: 1.2rem;
width: 70%; width: 70%;
display: flex; display: flex;
flex-direction: column; } flex-direction: column;
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li { margin-top: 0;
margin-bottom: 3rem; } margin-bottom: 4rem;
padding-bottom: 4rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
display: none; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
margin-bottom: 4rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
border-bottom: 1px solid black; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a { header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
@@ -334,8 +341,8 @@ header {
header .titre { header .titre {
display: inline-flex; display: inline-flex;
font-weight: 800; font-weight: 800;
position: relative; font-size: 1.8rem;
margin-top: 2rem; } position: relative; }
header .titre ::after { header .titre ::after {
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
float: right; float: right;
@@ -398,7 +405,7 @@ input {
width: 50%; } width: 50%; }
.form-submit { .form-submit {
height: 5rem !important; height: 4rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
@@ -415,6 +422,9 @@ input {
padding-right: 0.5rem; padding-right: 0.5rem;
flex: 1 1 auto; } flex: 1 1 auto; }
#edit-persistent-login {
height: 1.5rem; }
.layout-sidebar-first #block-reha-phase1 { .layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px; border: solid #fdc300 1px;
font-weight: 800; font-weight: 800;
web/themes/custom/reha/scss/global/variables/_buttons.scss
+2 -7
View File
@@ -30,13 +30,8 @@
@extend %buttonwithborder; @extend %buttonwithborder;
} }
.create-account-link{
@extend %buttonwithborder;
// width: 80%
}
.request-password-link{
@extend %buttonwithborder;
}
.views-field-edit-node{ .views-field-edit-node{
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
web/themes/custom/reha/scss/partials/_forms.scss
+4 -1
View File
@@ -14,7 +14,7 @@ input{
// border: solid black 1px; // border: solid black 1px;
// text-transform: uppercase; // text-transform: uppercase;
// padding: 1rem; // padding: 1rem;
height: 5rem !important; height: 4rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
@@ -38,3 +38,6 @@ input{
} }
} }
#edit-persistent-login{
height: 1.5rem;
}
web/themes/custom/reha/scss/partials/_header.scss
+18 -3
View File
@@ -87,15 +87,27 @@ header{
} }
ul{ ul{
font-size: 1.2rem; font-size: 1.2rem;
width: 70%; width: 70%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 4rem;
li{ li{
margin-bottom: 3rem; // margin-bottom: 3rem;
}
.create-account-link{
display: none;
}
.request-password-link{
margin-bottom: 4rem;
} }
} }
ul:first-of-type{
border-bottom: 1px solid black;
}
ul:last-of-type{ ul:last-of-type{
a{ a{
text-transform: uppercase; text-transform: uppercase;
@@ -106,6 +118,8 @@ header{
} }
} }
} }
} }
@@ -213,8 +227,9 @@ header{
.titre{ .titre{
display: inline-flex; display: inline-flex;
font-weight: 800; font-weight: 800;
font-size: 1.8rem;
position: relative; position: relative;
margin-top: 2rem; // margin-top: 2rem;
::after{ ::after{
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
float: right; float: right;