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

css login form

Browse Source
This commit is contained in:
ouidade
2023-11-27 16:06:28 +01:00
parent d6bd976a4c
commit 8ed04c2f8b
4 changed files with 73 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+35 -20
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, .layout-sidebar-first #block-reha-phase1 footer { .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 {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
@@ -17,14 +17,13 @@
border: none !important; border: none !important;
cursor: pointer; } cursor: pointer; }
.create-account-link {
width: 80%; }
.views-field-edit-node { .views-field-edit-node {
width: fit-content; } width: fit-content;
margin-top: 1rem; }
.views-field-edit-user { .views-field-edit-user {
width: fit-content; } width: fit-content;
margin-top: 1rem; }
#edit-unlock { #edit-unlock {
display: none; } display: none; }
@@ -234,16 +233,23 @@ header {
position: relative; position: relative;
left: 430px; } left: 430px; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form { header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
width: 70%; width: 80%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: end; } align-items: start;
padding-left: 2.5rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul { header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
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 { header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
margin-bottom: 3rem; } margin-bottom: 3rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white; }
header .region-header #block-reha-config-pages { header .region-header #block-reha-config-pages {
grid-column: 10; grid-column: 10;
display: flex; display: flex;
@@ -307,9 +313,14 @@ header {
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul { header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
width: 70%; width: 70%;
display: flex; display: flex;
flex-direction: column; } flex-direction: column;
padding-left: 0; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li { header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li {
margin-bottom: 3rem; } text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white; }
header .bouton { header .bouton {
align-self: flex-end; align-self: flex-end;
width: fit-content; } width: fit-content; }
@@ -383,21 +394,22 @@ input {
width: 50%; } width: 50%; }
.form-submit { .form-submit {
background-color: white;
border: solid black 1px;
text-transform: uppercase;
padding: 1rem;
height: 5rem !important; height: 5rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.3rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
width: fit-content; } width: fit-content; }
#user-login-form .form-item { #user-login-form {
flex-direction: row; padding-left: 2rem; }
margin: 1rem; } #user-login-form .form-item {
#user-login-form .form-item label { flex-direction: row;
padding-right: 0.5rem; } padding-bottom: 1rem;
padding-left: 0.2;
width: 80%; }
#user-login-form .form-item label {
padding-right: 0.5rem;
flex: 1 1 auto; }
.layout-sidebar-first #block-reha-phase1 { .layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px; border: solid #fdc300 1px;
@@ -507,6 +519,9 @@ input {
.node-type-operation .views-field-edit-node { .node-type-operation .views-field-edit-node {
background-color: rgba(153, 147, 174, 0) !important; } 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-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer {
background-color: rgba(153, 147, 174, 0) !important; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper { #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
width: fit-content; } width: fit-content; }
web/themes/custom/reha/scss/global/variables/_buttons.scss
+4 -1
View File
@@ -32,7 +32,7 @@
.create-account-link{ .create-account-link{
@extend %buttonwithborder; @extend %buttonwithborder;
width: 80% // width: 80%
} }
.request-password-link{ .request-password-link{
@extend %buttonwithborder; @extend %buttonwithborder;
@@ -40,11 +40,14 @@
.views-field-edit-node{ .views-field-edit-node{
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
margin-top: 1rem;
} }
.views-field-edit-user{ .views-field-edit-user{
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
margin-top: 1rem;
} }
footer{ footer{
web/themes/custom/reha/scss/partials/_forms.scss
+13 -6
View File
@@ -10,23 +10,30 @@ input{
width: 50%; width: 50%;
} }
.form-submit{ .form-submit{
background-color: white; // background-color: white;
border: solid black 1px; // border: solid black 1px;
text-transform: uppercase; // text-transform: uppercase;
padding: 1rem; // padding: 1rem;
height: 5rem !important; height: 5rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.3rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
width: fit-content; width: fit-content;
@extend %buttonwithborder;
} }
#user-login-form{ #user-login-form{
padding-left: 2rem;
.form-item{ .form-item{
flex-direction: row; flex-direction: row;
margin: 1rem; padding-bottom: 1rem;
padding-left: 0.2;
width: 80%;
label{ label{
padding-right: 0.5rem; padding-right: 0.5rem;
flex: 1 1 auto;
} }
} }
} }
web/themes/custom/reha/scss/partials/_header.scss
+21 -3
View File
@@ -78,10 +78,11 @@ header{
} }
} }
#user-login-form{ #user-login-form{
width: 70%; width: 80%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: end; align-items: start;
padding-left: 2.5rem;
} }
ul{ ul{
width: 70%; width: 70%;
@@ -90,6 +91,17 @@ header{
li{ li{
margin-bottom: 3rem; margin-bottom: 3rem;
} }
}
ul:last-of-type{
a{
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
}
} }
} }
} }
@@ -171,8 +183,14 @@ header{
width: 70%; width: 70%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 0;
li{ li{
margin-bottom: 3rem; // margin-bottom: 3rem;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
} }
} }
} }