diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 10:00:14 +0300 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 10:00:14 +0300 |
| commit | 879f148aa5ad7c4d1558c8dbaececb9eb6f136bd (patch) | |
| tree | 66d58cb20c0fade9275c77ae1c9fba27ac7a52fd | |
| parent | f4d7b7c41ccaab06e50351cf144157d5194c0545 (diff) | |
| download | DevHive-Angular-879f148aa5ad7c4d1558c8dbaececb9eb6f136bd.tar DevHive-Angular-879f148aa5ad7c4d1558c8dbaececb9eb6f136bd.tar.gz DevHive-Angular-879f148aa5ad7c4d1558c8dbaececb9eb6f136bd.zip | |
Fixed password going behind show/hide button; Minor spacing adjustments
| -rw-r--r-- | src/app/components/login/login.component.html | 2 | ||||
| -rw-r--r-- | src/app/components/register/register.component.html | 2 | ||||
| -rw-r--r-- | src/styles.css | 6 |
3 files changed, 7 insertions, 3 deletions
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html index 13ae97a..95075c9 100644 --- a/src/app/components/login/login.component.html +++ b/src/app/components/login/login.component.html @@ -12,7 +12,7 @@ </div> </section> <section class="input-selection"> - <input [type]="showingPassword ? 'text' : 'password'" placeholder="Password" class="fancy-input width-full border-faded-slim border-bottom-only" formControlName="password" required> + <input [type]="showingPassword ? 'text' : 'password'" placeholder="Password" class="fancy-input width-full border-faded-slim border-bottom-only padding-right-1dot5" formControlName="password" required> <label class="fancy-input-label width-full">Password</label> <button type="button" class="show-password-button hover-half-opacity click-effect" (click)="toggleShowPassword()"> <img [src]="showingPassword ? '/assets/icons/tabler-icon-eye-off.svg' : '/assets/icons/tabler-icon-eye.svg'"> diff --git a/src/app/components/register/register.component.html b/src/app/components/register/register.component.html index 1cd6cdb..d8fa7c4 100644 --- a/src/app/components/register/register.component.html +++ b/src/app/components/register/register.component.html @@ -37,7 +37,7 @@ </div> </section> <section class="input-selection"> - <input [type]="showingPassword ? 'text' : 'password'" placeholder="Password" class="fancy-input width-full border-faded-slim border-bottom-only" formControlName="password" required> + <input [type]="showingPassword ? 'text' : 'password'" placeholder="Password" class="fancy-input width-full border-faded-slim border-bottom-only padding-right-1dot5" formControlName="password" required> <label class="fancy-input-label width-full">Password</label> <button type="button" class="show-password-button hover-half-opacity click-effect" (click)="toggleShowPassword()"> <img [src]="showingPassword ? '/assets/icons/tabler-icon-eye-off.svg' : '/assets/icons/tabler-icon-eye.svg'"> diff --git a/src/styles.css b/src/styles.css index 2786405..39b6fb1 100644 --- a/src/styles.css +++ b/src/styles.css @@ -279,6 +279,10 @@ input[type=file]::file-selector-button { padding: 0.1em; } +.padding-right-1dot5 { + padding-right: 1.5em !important; +} + .padding-side-font { padding-right: 1em; padding-left: 1em; @@ -461,7 +465,7 @@ input[type=file]::file-selector-button { .show-password-button { position: absolute; right: 0.2em; - bottom: 0.9em; + bottom: 1.1em; height: 1em; } |