aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Pafat
diff options
context:
space:
mode:
authorGravatar flo0627 <40920856+flo0627@users.noreply.github.com> 2020-10-03 13:35:49 +0200
committerGravatar GitHub <noreply@github.com> 2020-10-03 13:35:49 +0200
commit6e610e501d10776d117f7e40225d6f083a6f71b1 (patch)
treeca0ddf9aa0196d91c87795c84269ac643fe004cb /p/themes/Pafat
parentf79194f4a6ddff6cfbccc9075621074b80a97573 (diff)
Add toggle password visibility button on login form (#3205)
* Add password observer for login view and update Origine theme * Update Alternative-Dark style * Update BlueLagoon theme * Update Dark theme * Update Flat theme * Update Screwdriver theme * Update Origine-compact theme * Update Pafat theme * Coding style
Diffstat (limited to 'p/themes/Pafat')
-rw-r--r--p/themes/Pafat/pafat.css34
-rw-r--r--p/themes/Pafat/pafat.rtl.css34
2 files changed, 58 insertions, 10 deletions
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 88b7d2f24..29cd22bdc 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -700,21 +700,45 @@ a.btn {
/*=== Prompt (centered) */
.prompt {
+ max-width: 20rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: .5rem;
+ padding-right: .5rem;
text-align: center;
}
-.prompt label {
+.prompt form {
+ margin-top: 2rem;
+ margin-bottom: 3rem;
text-align: left;
}
-.prompt form {
- margin: 10px auto 20px auto;
- width: 200px;
+.prompt .form-group {
+ margin-bottom: 1rem;
}
+.prompt .form-group::after {
+ display: none;
+}
+
+.prompt .form-group.form-group-actions {
+ display: flex;
+ margin-top: 2rem;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.prompt .stick,
.prompt input {
- margin: 5px auto;
width: 100%;
+ box-sizing: border-box;
+}
+
+.prompt .btn.btn-important {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ font-size: 1.1rem;
}
.prompt p {
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 12835e13c..9226f8ad3 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -700,21 +700,45 @@ a.btn {
/*=== Prompt (centered) */
.prompt {
+ max-width: 20rem;
+ margin-right: auto;
+ margin-left: auto;
+ padding-right: .5rem;
+ padding-left: .5rem;
text-align: center;
}
-.prompt label {
+.prompt form {
+ margin-top: 2rem;
+ margin-bottom: 3rem;
text-align: right;
}
-.prompt form {
- margin: 10px auto 20px auto;
- width: 200px;
+.prompt .form-group {
+ margin-bottom: 1rem;
+}
+
+.prompt .form-group::after {
+ display: none;
}
+.prompt .form-group.form-group-actions {
+ display: flex;
+ margin-top: 2rem;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.prompt .stick,
.prompt input {
- margin: 5px auto;
width: 100%;
+ box-sizing: border-box;
+}
+
+.prompt .btn.btn-important {
+ padding-right: 1.5rem;
+ padding-left: 1.5rem;
+ font-size: 1.1rem;
}
.prompt p {