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:07:11 +01:00
parent 6d1966f477
commit 1b58580cb0
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*/
/*global*/
/* 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;
padding: 1rem;
border: solid black 1px;
@@ -17,14 +17,13 @@
border: none !important;
cursor: pointer; }
.create-account-link {
width: 80%; }
.views-field-edit-node {
width: fit-content; }
width: fit-content;
margin-top: 1rem; }
.views-field-edit-user {
width: fit-content; }
width: fit-content;
margin-top: 1rem; }
#edit-unlock {
display: none; }
@@ -234,16 +233,23 @@ header {
position: relative;
left: 430px; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
width: 70%;
width: 80%;
display: flex;
flex-direction: column;
align-items: end; }
align-items: start;
padding-left: 2.5rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
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 {
grid-column: 10;
display: flex;
@@ -307,9 +313,14 @@ header {
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
width: 70%;
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 {
margin-bottom: 3rem; }
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white; }
header .bouton {
align-self: flex-end;
width: fit-content; }
@@ -383,21 +394,22 @@ input {
width: 50%; }
.form-submit {
background-color: white;
border: solid black 1px;
text-transform: uppercase;
padding: 1rem;
height: 5rem !important;
margin-bottom: 1rem;
font-size: 1.3rem;
font-size: 1.2rem;
font-weight: 300;
width: fit-content; }
#user-login-form .form-item {
flex-direction: row;
margin: 1rem; }
#user-login-form .form-item label {
padding-right: 0.5rem; }
#user-login-form {
padding-left: 2rem; }
#user-login-form .form-item {
flex-direction: row;
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 {
border: solid #fdc300 1px;
@@ -507,6 +519,9 @@ input {
.node-type-operation .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-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer {
background-color: rgba(153, 147, 174, 0) !important; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
width: fit-content; }
web/themes/custom/reha/scss/global/variables/_buttons.scss
+4 -1
View File
@@ -32,7 +32,7 @@
.create-account-link{
@extend %buttonwithborder;
width: 80%
// width: 80%
}
.request-password-link{
@extend %buttonwithborder;
@@ -40,11 +40,14 @@
.views-field-edit-node{
@extend %buttonwithborder;
width: fit-content;
margin-top: 1rem;
}
.views-field-edit-user{
@extend %buttonwithborder;
width: fit-content;
margin-top: 1rem;
}
footer{
web/themes/custom/reha/scss/partials/_forms.scss
+13 -6
View File
@@ -10,23 +10,30 @@ input{
width: 50%;
}
.form-submit{
background-color: white;
border: solid black 1px;
text-transform: uppercase;
padding: 1rem;
// background-color: white;
// border: solid black 1px;
// text-transform: uppercase;
// padding: 1rem;
height: 5rem !important;
margin-bottom: 1rem;
font-size: 1.3rem;
font-size: 1.2rem;
font-weight: 300;
width: fit-content;
@extend %buttonwithborder;
}
#user-login-form{
padding-left: 2rem;
.form-item{
flex-direction: row;
margin: 1rem;
padding-bottom: 1rem;
padding-left: 0.2;
width: 80%;
label{
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{
width: 70%;
width: 80%;
display: flex;
flex-direction: column;
align-items: end;
align-items: start;
padding-left: 2.5rem;
}
ul{
width: 70%;
@@ -90,6 +91,17 @@ header{
li{
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%;
display: flex;
flex-direction: column;
padding-left: 0;
li{
margin-bottom: 3rem;
// margin-bottom: 3rem;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
}
}
}