diff --git a/main/ui/src/main/resources/css/dark_theme.css b/main/ui/src/main/resources/css/dark_theme.css index 97ebbef7c..1abfae51d 100644 --- a/main/ui/src/main/resources/css/dark_theme.css +++ b/main/ui/src/main/resources/css/dark_theme.css @@ -102,6 +102,15 @@ -fx-text-fill: TEXT_FILL_SECONDARY; } +.label-large { + -fx-font-family: 'Open Sans SemiBold'; + -fx-font-size: 1.5em; +} + +.label-small { + -fx-font-size: 0.8em; +} + .text-flow > * { -fx-fill: TEXT_FILL; } @@ -351,27 +360,6 @@ -fx-padding: 0 3 0 3; } - -/******************************************************************************* - * * - * Vault Detail * - * * - ******************************************************************************/ - -.vault-detail .vault-name { - -fx-font-family: 'Open Sans SemiBold'; - -fx-font-size: 1.5em; -} - -.vault-detail .vault-path { - -fx-content-display: text-only; - -fx-text-fill: TEXT_FILL_SECONDARY; -} - -.vault-detail .vault-path:hover { - -fx-content-display: right; -} - /******************************************************************************* * * * Badge * @@ -429,66 +417,6 @@ -fx-background-color: PASSWORD_STRENGTH_INDICATOR_BG_STRENGTH_4; } -/******************************************************************************* - * * - * ButtonGroup * - * * - ******************************************************************************/ - -.button-group { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL; - -fx-background-insets: 0, 0 1px 0 1px; -} - -.button-group.first { - -fx-background-insets: 0, 1px 1px 0 1px; - -fx-background-radius: 4px 4px 0 0; -} - -.button-group.last { - -fx-background-insets: 0, 0 1px 1px 1px; - -fx-background-radius: 0 0 4px 4px; -} - -.button-group:hover { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_HOVER; -} - -.button-group:hover:focused { - -fx-background-color: CONTROL_BORDER_FOCUSED, CONTROL_BG_HOVER; -} - -.button-group:hover:armed { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_ARMED; -} - -.button-group:hover .button-group-action { - visibility: visible; - managed: true; -} - -.button-group-labels { - -fx-padding: 0.5em 0 0.5em 0; - -fx-spacing: 0.25em; -} - -.button-group-heading { - -fx-text-fill: TEXT_FILL_SECONDARY; - -fx-font-size: 0.8em; -} - -.button-group-action { - visibility: collapse; - managed: false; - -fx-text-fill: TEXT_FILL_PRIMARY; - -fx-font-family: 'Open Sans Bold'; -} - -.button-group-separator { - -fx-background-color: CONTROL_BORDER_NORMAL; - -fx-pref-height: 1px; -} - /******************************************************************************* * * * Tooltip * @@ -496,6 +424,7 @@ ******************************************************************************/ .tooltip { + -fx-font-family: 'Open Sans'; -fx-text-fill: TEXT_FILL; -fx-font-size: 0.8em; -fx-background-color: CONTROL_BG_NORMAL; @@ -587,7 +516,7 @@ /******************************************************************************* * * - * Buttons * + * Hyperlinks * * * ******************************************************************************/ @@ -595,6 +524,18 @@ -fx-text-fill: TEXT_FILL; } +.hyperlink.hyperlink-secondary { + -fx-text-fill: TEXT_FILL_SECONDARY; +} + +.hyperlink-hover-icon { + -fx-content-display: text-only; +} + +.hyperlink-hover-icon:hover { + -fx-content-display: right; +} + /******************************************************************************* * * * CheckBox * diff --git a/main/ui/src/main/resources/css/light_theme.css b/main/ui/src/main/resources/css/light_theme.css index 67def5b23..1cbf77167 100644 --- a/main/ui/src/main/resources/css/light_theme.css +++ b/main/ui/src/main/resources/css/light_theme.css @@ -102,6 +102,15 @@ -fx-text-fill: TEXT_FILL_SECONDARY; } +.label-large { + -fx-font-family: 'Open Sans SemiBold'; + -fx-font-size: 1.5em; +} + +.label-small { + -fx-font-size: 0.8em; +} + .text-flow > * { -fx-fill: TEXT_FILL; } @@ -351,27 +360,6 @@ -fx-padding: 0 3 0 3; } - -/******************************************************************************* - * * - * Vault Detail * - * * - ******************************************************************************/ - -.vault-detail .vault-name { - -fx-font-family: 'Open Sans SemiBold'; - -fx-font-size: 1.5em; -} - -.vault-detail .vault-path { - -fx-content-display: text-only; - -fx-text-fill: TEXT_FILL_SECONDARY; -} - -.vault-detail .vault-path:hover { - -fx-content-display: right; -} - /******************************************************************************* * * * Badge * @@ -429,66 +417,6 @@ -fx-background-color: PASSWORD_STRENGTH_INDICATOR_BG_STRENGTH_4; } -/******************************************************************************* - * * - * ButtonGroup * - * * - ******************************************************************************/ - -.button-group { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL; - -fx-background-insets: 0, 0 1px 0 1px; -} - -.button-group.first { - -fx-background-insets: 0, 1px 1px 0 1px; - -fx-background-radius: 4px 4px 0 0; -} - -.button-group.last { - -fx-background-insets: 0, 0 1px 1px 1px; - -fx-background-radius: 0 0 4px 4px; -} - -.button-group:hover { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_HOVER; -} - -.button-group:hover:focused { - -fx-background-color: CONTROL_BORDER_FOCUSED, CONTROL_BG_HOVER; -} - -.button-group:hover:armed { - -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_ARMED; -} - -.button-group:hover .button-group-action { - visibility: visible; - managed: true; -} - -.button-group-labels { - -fx-padding: 0.5em 0 0.5em 0; - -fx-spacing: 0.25em; -} - -.button-group-heading { - -fx-text-fill: TEXT_FILL_SECONDARY; - -fx-font-size: 0.8em; -} - -.button-group-action { - visibility: collapse; - managed: false; - -fx-text-fill: TEXT_FILL_PRIMARY; - -fx-font-family: 'Open Sans Bold'; -} - -.button-group-separator { - -fx-background-color: CONTROL_BORDER_NORMAL; - -fx-pref-height: 1px; -} - /******************************************************************************* * * * Tooltip * @@ -496,6 +424,7 @@ ******************************************************************************/ .tooltip { + -fx-font-family: 'Open Sans'; -fx-text-fill: TEXT_FILL; -fx-font-size: 0.8em; -fx-background-color: CONTROL_BG_NORMAL; @@ -587,7 +516,7 @@ /******************************************************************************* * * - * Buttons * + * Hyperlinks * * * ******************************************************************************/ @@ -595,6 +524,18 @@ -fx-text-fill: TEXT_FILL; } +.hyperlink.hyperlink-secondary { + -fx-text-fill: TEXT_FILL_SECONDARY; +} + +.hyperlink-hover-icon { + -fx-content-display: text-only; +} + +.hyperlink-hover-icon:hover { + -fx-content-display: right; +} + /******************************************************************************* * * * CheckBox * diff --git a/main/ui/src/main/resources/fxml/vault_detail.fxml b/main/ui/src/main/resources/fxml/vault_detail.fxml index 5bd9810cb..d2cc4dfdd 100644 --- a/main/ui/src/main/resources/fxml/vault_detail.fxml +++ b/main/ui/src/main/resources/fxml/vault_detail.fxml @@ -19,76 +19,37 @@ minWidth="300" spacing="12"> - + - - - - - - - - - - - - - - - - - + + + + + + + - - + + + + + + + + + + + + - - - - - - @@ -104,11 +65,35 @@ - + + + + + + + + + + diff --git a/main/ui/src/main/resources/i18n/strings.properties b/main/ui/src/main/resources/i18n/strings.properties index 2b35c4b23..e6743a5b3 100644 --- a/main/ui/src/main/resources/i18n/strings.properties +++ b/main/ui/src/main/resources/i18n/strings.properties @@ -109,12 +109,11 @@ main.vaultDetail.lockedStatus=LOCKED main.vaultDetail.unlockedStatus=UNLOCKED main.vaultDetail.unlockBtn=Unlock main.vaultDetail.optionsBtn=Vault Options +main.vaultDetail.revealBtn=Reveal main.vaultDetail.lockBtn=Lock main.vaultDetail.accessLocation=access location -main.vaultDetail.revealAccessLocation=REVEAL -main.vaultDetail.bytesPerSecondRead=read -main.vaultDetail.bytesPerSecondWritten=written -main.vaultDetail.showChart=SHOW CHART +main.vaultDetail.bytesPerSecondRead=read: +main.vaultDetail.bytesPerSecondWritten=written: main.vaultDetail.throughput.idle=idle main.vaultDetail.throughput.kbps=%.1f kiB/s main.vaultDetail.throughput.mbps=%.1f MiB/s diff --git a/main/ui/src/main/resources/i18n/strings_de.properties b/main/ui/src/main/resources/i18n/strings_de.properties index cefdc03f9..aea64a3e8 100644 --- a/main/ui/src/main/resources/i18n/strings_de.properties +++ b/main/ui/src/main/resources/i18n/strings_de.properties @@ -109,12 +109,11 @@ main.vaultDetail.lockedStatus=GESPERRT main.vaultDetail.unlockedStatus=ENTSPERRT main.vaultDetail.unlockBtn=Entsperren main.vaultDetail.optionsBtn=Tresoroptionen +main.vaultDetail.revealBtn=Anzeigen main.vaultDetail.lockBtn=Sperren main.vaultDetail.accessLocation=Tresorlaufwerk -main.vaultDetail.revealAccessLocation=ANZEIGEN -main.vaultDetail.bytesPerSecondRead=Gelesen -main.vaultDetail.bytesPerSecondWritten=Geschrieben -main.vaultDetail.showChart=ZEIGE GRAPH +main.vaultDetail.bytesPerSecondRead=gelesen: +main.vaultDetail.bytesPerSecondWritten=geschrieben: main.vaultDetail.throughput.idle=idle main.vaultDetail.throughput.kbps=%.1f kiB/s main.vaultDetail.throughput.mbps=%.1f MiB/s