io.github.palexdev.materialfx.css.mfx-combobox-style2.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of materialfx Show documentation

Material Desgin components for JavaFX

There is a newer version: 11.17.0

/*
 *     Copyright (C) 2021 Parisi Alessandro
 *     This file is part of MaterialFX (https://github.com/palexdev/MaterialFX).
 *
 *     MaterialFX is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     MaterialFX is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with MaterialFX.  If not, see .
 */

@import "fonts.css";

.mfx-combo-box {
    -fx-background-color: white;
    -fx-background-radius: 2px;
    -fx-border-color: rgb(159, 159, 159);
    -fx-border-radius: 2px;
    -fx-border-width: 1.2;
}

.mfx-combo-box:focused,
.mfx-combo-box:editor {
    -fx-border-color: rgb(76, 0, 225);
}

.mfx-combo-box .label {
    -fx-padding: 0 0 0 8;
    -fx-font-family: "Open Sans Regular";
    -fx-font-smoothing-type: grey;
}

.mfx-combo-box .mfx-icon-wrapper .ripple-generator {
    -mfx-ripple-color: rgba(76, 0, 225, 0.3);
}

.mfx-combo-box .mfx-icon-wrapper .mfx-font-icon {
    -mfx-color: black;
}

.mfx-combo-box:focused .mfx-icon-wrapper .mfx-font-icon {
    -mfx-color: rgb(76, 0, 225);
}

.mfx-combo-box:editor .mfx-icon-wrapper .mfx-font-icon {
    -mfx-color: rgb(76, 0, 225);
}

.mfx-list-view {
    -fx-background-color: white;
    -fx-border-color: #A4B1B6;
    -fx-background-insets: 0 -1 0 -1;
    -fx-border-insets: 0 -1 0 -1;

    -mfx-track-color: transparent;
    -mfx-thumb-color: rgba(76, 0, 225, 0.1);
    -mfx-thumb-hover-color: rgb(158, 107, 255);
}

.mfx-list-view .mfx-list-cell:hover {
    -fx-background-color: rgb(242, 242, 242);
    -fx-border-color: rgb(242, 242, 242);
}

.mfx-list-view .mfx-list-cell:selected {
    -fx-background-color: rgb(185, 152, 255);
    -fx-border-color: rgb(185, 152, 255);
}