IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

login server styles update

Browse Source
This commit is contained in:
Christine Slotty 2020-07-14 17:41:37 +02:00
parent f1dff9de4f
commit daa868238d
5 changed files with 88 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/Template/Profile/index.ctp
View File

@ -23,7 +23,7 @@ $this->assign(
<i class="material-icons-outlined user-info">assignment_ind</i>
Meine Daten
</h3>
<div class="content-collection">
<div class="content-collection"><!-- xxx make form with email disabled / oder "ändern" button und extraseite -->
<ul class="fact-list">
<li class="fact">
<span class="fact label">E-Mail Adresse:</span>
@ -39,7 +39,7 @@ $this->assign(
</li>
</ul>
</div>
<h3>
<!--<h3>
<i class="material-icons-outlined user-info success">check_circle</i>
Zustand meines Kontos
</h3>
@ -54,7 +54,7 @@ $this->assign(
<span class="fact"></span>
</li>
</ul>
</div>
</div>-->
<h3>
<i class="material-icons-outlined user-info">vpn_key</i>
Passwort ändern

32
webroot/css/grd_styles.css
View File

@ -1175,20 +1175,34 @@ and open the template in the editor.
margin-bottom: 1.5rem;
border: 1px solid rgba(238, 238, 238, 0.75);
}
.center-form-title h1 {
margin-block-start: 0;
}
.center-form-selectors {
display: flex;
justify-content: flex-end;
align-items: center;
height: 38px;
padding: 5px 0;
margin-bottom: 2em;
}
.center-form-form,
.center-form-form form {
display: flex;
flex-direction: column;
}
.center-form-form .form-label {
text-align: left;
}
.center-form-form .form-control {
width: 100%;
margin: auto;
box-sizing: border-box;
margin-bottom: 0.5em;
}
.center-form-submit {
display: block;
width: 96%;
margin: auto;
width: 100%;
margin: 1em 0;
}
.reset-pwd-link,
.signup-link {
@ -1617,6 +1631,17 @@ and open the template in the editor.
background-color: #ec5e30;
border-color: #eb5425;
}
.link-button {
display: inline-block;
background: #f9fafb;
color: #fff;
height: 17px;
padding: 1em 2em;
line-height: 1em;
border-radius: 6px;
text-align: center;
vertical-align: middle;
}
/* CENTER FORM SPECIFICS */
.form-body form {
display: grid;
@ -1627,7 +1652,6 @@ and open the template in the editor.
.center-form {
width: 450px;
}
.center-form-form .form-control,
.center-form .form-control {
width: 90%;
}

32
websrc/src/less-files.css
View File

@ -1175,20 +1175,34 @@ and open the template in the editor.
margin-bottom: 1.5rem;
border: 1px solid rgba(238, 238, 238, 0.75);
}
.center-form-title h1 {
margin-block-start: 0;
}
.center-form-selectors {
display: flex;
justify-content: flex-end;
align-items: center;
height: 38px;
padding: 5px 0;
margin-bottom: 2em;
}
.center-form-form,
.center-form-form form {
display: flex;
flex-direction: column;
}
.center-form-form .form-label {
text-align: left;
}
.center-form-form .form-control {
width: 100%;
margin: auto;
box-sizing: border-box;
margin-bottom: 0.5em;
}
.center-form-submit {
display: block;
width: 96%;
margin: auto;
width: 100%;
margin: 1em 0;
}
.reset-pwd-link,
.signup-link {
@ -1617,6 +1631,17 @@ and open the template in the editor.
background-color: #ec5e30;
border-color: #eb5425;
}
.link-button {
display: inline-block;
background: #f9fafb;
color: #fff;
height: 17px;
padding: 1em 2em;
line-height: 1em;
border-radius: 6px;
text-align: center;
vertical-align: middle;
}
/* CENTER FORM SPECIFICS */
.form-body form {
display: grid;
@ -1627,7 +1652,6 @@ and open the template in the editor.
.center-form {
width: 450px;
}
.center-form-form .form-control,
.center-form .form-control {
width: 90%;
}

21
websrc/src/less/12-center-form-single.less
View File

@ -58,7 +58,8 @@
}
.center-form-title {
.center-form-title h1 {
margin-block-start: 0;
}
.center-form-selectors {
@ -67,16 +68,28 @@
align-items: center;
height: 38px;
padding: 5px 0;
margin-bottom: 2em;
}
.center-form-form,
.center-form-form form {
display: flex;
flex-direction: column;
}
.center-form-form .form-label {
text-align: left;
}
.center-form-form .form-control {
width: 100%;
margin: auto;
box-sizing: border-box;
margin-bottom: .5em;
}
.center-form-submit {
display: block;
width: 96%;
margin: auto;
width: 100%;
margin: 1em 0;
}
.reset-pwd-link,

13
websrc/src/less/30-form.less
View File

@ -131,6 +131,18 @@ and open the template in the editor.
border-color: #eb5425;
}
.link-button {
display: inline-block;
background: @action-button-background;
color: @action-button-text;
height: 17px;
padding: 1em 2em;
line-height: 1em;
border-radius: 6px;
text-align: center;
vertical-align: middle;
}
/* CENTER FORM SPECIFICS */
.form-body form {
display: grid;
@ -143,7 +155,6 @@ and open the template in the editor.
width: 450px;
}
.center-form-form .form-control,
.center-form .form-control {
width: 90%;
}