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/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;
}
}
}