I want to make tabs big with rounded corners. And this is my css file:
The final target to make tab headers bigger with rounded corners.
.tab:selected .focus-indicator {
-fx-border-radius:101000,101000;
-fx-border-insets:-7-7-9-8,-5-5-9-6;}
.tab-pane >.tab-header-area >.headers-region >.tab:selected{
-fx-border-insets:10101010,10101010;}
.tab-pane >.tab-header-area >.headers-region >.tab >.tab-container >.tab-label {
-fx-alignment: CENTER;
-fx-text-fill:-fx-text-base-color;
-fx-padding:01000;}
.tab-header-area .tab{
-fx-padding:410510;
-fx-border-radius:101000;
-fx-background-radius:101000;
}
However, some strange elements appear near corners and later appear. It can be
seen on the following images:
http://i.stack.imgur.com/kyICa.jpg
http://i.stack.imgur.com/0mnDq.jpg
I asked this question at stackoverflow
http://stackoverflow.com/questions/30690918/javafx-tab-rounded-corners/30692660#30692660
and one user said that this is "Changing CSS Id at run-time on Tab does not
result in changing style" bug
https://bugs.openjdk.java.net/browse/JDK-8090243
However, I am not sure that this is the bug I am talking about as css rules are
not set at runtime. This bug is important for me
that's why I want to be sure that THIS bug is my problem. Please say, if this
bug is my problem.
--
Alex Sviridov
