change: re-style password gen textarea scrollbar to fit theme

This commit is contained in:
Aetherinox 2024-04-22 09:53:25 -07:00
parent 0c36506193
commit 7e1e60e6db
No known key found for this signature in database
GPG Key ID: CB5C4C30CD0D4028
1 changed files with 36 additions and 1 deletions

View File

@ -46,7 +46,33 @@
font-size: 1.1rem;
background-color: #131212;
border: 1px solid rgba(255, 255, 255, 0.4);
resize: vertical;
&::-webkit-scrollbar {
width: 9px;
height: 5px;
margin-right: 9px;
padding-block: 5px 5px;
padding-inline: 7px;
}
&::-webkit-scrollbar-button {
display: none;
}
&::-webkit-scrollbar-corner {
display: none;
}
&::-webkit-scrollbar-thumb {
background-color: #7166b7;
border-radius: 6px;
background-clip: content-box;
border: 3px solid transparent;
}
&::-webkit-scrollbar-track {
background: transparent;
}
}
&__check-hide {
&-label {
@ -88,3 +114,12 @@
white-space: wrap;
word-break: normal;
}
/*
Required if user hides / shows passphrases.
dots need to be wrapped in textfarea
*/
.__pass-hidden {
word-break: break-word;
}