tesses50
/
freetube
1
0
Fork 0
Code Issues Pull Requests Packages 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; position: relative;
} }
.ft-input-component.showClearTextButton { .ft-input-component.search.showClearTextButton {
padding-left: 30px; padding-left: 30px;
} }
.ft-input-component.clearTextButtonVisible, .ft-input-component.search.clearTextButtonVisible,
.ft-input-component.showClearTextButton:focus-within { .ft-input-component.search.showClearTextButton:focus-within {
padding-left: 0; padding-left: 0;
} }
.clearTextButtonVisible .ft-input, .ft-input-component.showClearTextButton:not(.search) .ft-input {
.ft-input-component.showClearTextButton:focus-within .ft-input { padding-left: 46px;
}
/* Main search input */
.clearTextButtonVisible.search .ft-input,
.ft-input-component.search.showClearTextButton:focus-within .ft-input {
padding-left: 46px; padding-left: 46px;
} }