ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +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;
.icon-wrapper {
margin-right: 2px;
}
.click-wrapper {
padding: 8px;
margin: 4px;
padding-left: 20px;
align-content: center;
color: $text-color-disabled;
cursor: pointer;
}
.click-wrapper:hover {
cursor: pointer;
&:focus-within {
background-color: $background-color-base;
border: $input-border-size solid $border-color-active;
@ -155,6 +157,7 @@ export default {
}
}
}
&:focus-within {
background-color: $background-color-base;
@ -168,12 +171,10 @@ export default {
.password-field {
position: relative;
padding-top: 16px;
padding-right: 8px;
border: none;
border-style: none;
appearance: none;
margin-left: 0;
margin-right: -20px;
width: 100%;
}
}