Skip to content

Commit

Permalink
Cleaned up CSS styling of SearchTextField.
Browse files Browse the repository at this point in the history
  • Loading branch information
dlemmermann committed Feb 12, 2024
1 parent 8c6ab5c commit 5895d47
Showing 1 changed file with 5 additions and 7 deletions.
12 changes: 5 additions & 7 deletions gemsfx/src/main/resources/com/dlsc/gemsfx/search-text-field.css
Original file line number Diff line number Diff line change
@@ -1,20 +1,18 @@
.search-text-field {
-fx-pref-width: 250px;
-fx-background-radius: 0px;
-fx-background-insets: 0px;
-fx-background-insets: 0px, 1px;
-fx-background-color: #e0e0e0, white;
}

.search-text-field.round {
-fx-background-radius: 1000px;
}

.search-text-field .wrapper {
.search-text-field > .left-pane > .search-icon-wrapper,
.search-text-field > .right-pane > .clear-icon-wrapper {
-fx-padding: 0px 5px;
}

.search-text-field .wrapper .ikonli-font-icon {
-fx-icon-size: 16px;
.search-text-field > .left-pane > .search-icon-wrapper > .ikonli-font-icon,
.search-text-field > .right-pane > .clear-icon-wrapper > .ikonli-font-icon {
-fx-icon-size: 1em;
-fx-icon-color: -fx-text-inner-color;
}

0 comments on commit 5895d47

Please sign in to comment.