lasers
/
FreeTube
mirror of https://github.com/FreeTubeApp/FreeTube
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix ft-input bug padding (#2287) 

* Fix ft-input bug padding

* Fix non clear text inputs showing padding
This commit is contained in:
vallode 2022-06-04 23:38:12 +02:00 committed by GitHub
parent 7fcba3f171
commit 492c48dcf8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/components/ft-input/ft-input.css
View File

@ -2,17 +2,22 @@
position: relative;
}
.ft-input-component.showClearTextButton {
.ft-input-component.search.showClearTextButton {
padding-left: 30px;
}
.ft-input-component.clearTextButtonVisible,
.ft-input-component.showClearTextButton:focus-within {
.ft-input-component.search.clearTextButtonVisible,
.ft-input-component.search.showClearTextButton:focus-within {
padding-left: 0;
}
.clearTextButtonVisible .ft-input,
.ft-input-component.showClearTextButton:focus-within .ft-input {
.ft-input-component.showClearTextButton:not(.search) .ft-input {
padding-left: 46px;
}
/* Main search input */
.clearTextButtonVisible.search .ft-input,
.ft-input-component.search.showClearTextButton:focus-within .ft-input {
padding-left: 46px;
}