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

The styling was adjusted to center eye icon and make entire span clickable.

Browse Source
This commit is contained in:
Brandon Tripp 2020-12-01 11:28:58 -07:00
parent d7641c3a35
commit 8afcd6e4ea
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
webapp/components/LoginForm/LoginForm.vue
View File

@ -137,15 +137,17 @@ export default {
transition: all $duration-short $ease-out; transition: all $duration-short $ease-out;
.icon-wrapper { .icon-wrapper {
margin-right: 2px;
}
.click-wrapper {
padding: 8px; padding: 8px;
margin: 4px; align-content: center;
padding-left: 20px;
color: $text-color-disabled; color: $text-color-disabled;
cursor: pointer;
} }
.click-wrapper:hover { .click-wrapper:hover {
cursor: pointer;
&:focus-within { &:focus-within {
background-color: $background-color-base; background-color: $background-color-base;
border: $input-border-size solid $border-color-active; border: $input-border-size solid $border-color-active;
@ -155,6 +157,7 @@ export default {
} }
} }
} }
&:focus-within { &:focus-within {
background-color: $background-color-base; background-color: $background-color-base;
@ -168,12 +171,10 @@ export default {
.password-field { .password-field {
position: relative; position: relative;
padding-top: 16px; padding-top: 16px;
padding-right: 8px;
border: none; border: none;
border-style: none; border-style: none;
appearance: none; appearance: none;
margin-left: 0; margin-left: 0;
margin-right: -20px;
width: 100%; width: 100%;
} }
} }