mirrors/bisq
1
0
Fork 0
mirror of https://github.com/bisq-network/bisq.git synced 2025-03-03 10:46:54 +01:00
Code Issues Projects Releases Packages Wiki Activity

Redesign tabs

Browse source
This commit is contained in:
Christoph Atteneder 2018-07-26 14:38:36 +02:00
parent a0f6bec4f9
commit e7a0edff7f
No known key found for this signature in database
GPG key ID: CD5DC1C529CDFD3B
1 changed files with 58 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
desktop/src/main/java/bisq/desktop/bisq.css
View file

@ -87,6 +87,11 @@ bg color of non edit textFields: fafafa
-bs-green: #25B135; /* 6 usages */ -bs-green: #25B135; /* 6 usages */
-bs-dark-green: #3DA34B; -bs-dark-green: #3DA34B;
-bs-new-grey: #D8D8D8; -bs-new-grey: #D8D8D8;
-bs-new-grey-background: #F2F2F2;
-bs-new-grey-background-darker: #D0D0D0;
-bs-new-grey-darker: #E1E1E1;
-bs-font-dark: #4B4B4B;
-bs-font-light: #8D8D8D;
-bs-red: #D73030; /* 5 usages */ -bs-red: #D73030; /* 5 usages */
-fx-box-border: -bs-new-grey; -fx-box-border: -bs-new-grey;
@ -609,8 +614,59 @@ textfield */
* * * *
******************************************************************************/ ******************************************************************************/
.tab-pane .tab-label { .tab-pane {
-fx-font-size: 1.154em; -fx-border-color: -bs-new-grey;
}
.tab-pane > .tab-header-area > .headers-region > .tab {
-fx-background-insets: 1 2 0 2;
-fx-background-radius: 0 0 0 0;
-fx-padding: 0.083333em 2em 0.0769em 2em; /* 1 6 0.99 6 -fx-padding: 0 30 0 30;*/
}
.tab-pane > .tab-header-area > .headers-region > .tab:top {
-fx-background-color: -bs-new-grey-darker;
}
.tab-pane > .tab-header-area > .headers-region > .tab:right {
-fx-background-color: -bs-new-grey-darker;
}
.tab-pane > .tab-header-area > .headers-region > .tab:bottom {
-fx-background-color: -bs-new-grey-darker;
}
.tab-pane > .tab-header-area > .headers-region > .tab:left {
-fx-background-color: -bs-new-grey-darker;
}
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
-fx-border-width: 0, 0;
-fx-border-color: -fx-focus-color, -fx-faint-focus-color;
-fx-border-insets: -4 -4 -6 -5, -2 -2 -5 -3;
-fx-border-radius: 0, 0; /* looks sharper if outer border has a tighter radius (2 instead of 3) */
}
.tab-pane > .tab-header-area > .headers-region > .tab:selected {
-fx-background-color: -bs-new-grey-background;
-fx-background-insets: 0 1 0 1;
}
.tab-pane:focused > .tab-header-area > .headers-region > .tab:bottom:selected .focus-indicator {
-fx-border-insets: -6 -5 -4 -4, -5 -3 -2 -2;
}
.tab-pane > .tab-header-area > .tab-header-background {
/* TODO should not be using text-box-border I think? */
-fx-background-color: -bs-new-grey-background-darker;
}
.tab-pane > .tab-header-area > .headers-region > .tab .tab-label {
-fx-text-fill: -bs-font-light;
}
.tab-pane > .tab-header-area > .headers-region > .tab:selected .tab-label {
-fx-text-fill: -bs-font-dark;
} }
.tab-pane:focused { .tab-pane:focused {