Datebox datetime(fluent theme) - update layout & colors (#25909)

DevExpress · Oct 30, 2023 · 8d0bc82 · 8d0bc82
1 parent bd573ca
commit 8d0bc82
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 11 deletions.
diff --git a/packages/devextreme/scss/widgets/fluent/dateBox/_index.scss b/packages/devextreme/scss/widgets/fluent/dateBox/_index.scss
@@ -37,7 +37,7 @@
 }
 
 .dx-datebox-datetime-time-side {
-  background-color: $timeview-bg;
+  justify-content: flex-end;
 }
 
 .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {

diff --git a/packages/devextreme/scss/widgets/fluent/timeView/_colors.scss b/packages/devextreme/scss/widgets/fluent/timeView/_colors.scss
@@ -3,12 +3,4 @@
 @use "../colors" as *;
 
 // adduse
-$clock-digits-color: null !default;
-
-@if $mode == "light" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.54) !default;
-}
-
-@if $mode == "dark" {
-  $clock-digits-color: color.change($base-text-color, $alpha: 0.6) !default;
-}
+$clock-digits-color: $base-text-color !default;
diff --git a/packages/devextreme/scss/widgets/fluent/timeView/_index.scss b/packages/devextreme/scss/widgets/fluent/timeView/_index.scss
@@ -10,7 +10,7 @@
 
 // adduse
 
-@include clock-action-icons-mixin($base-accent, $base-bg, $clock-digits-color);
+@include clock-action-icons-mixin($base-inverted-bg, $typography-bg, $clock-digits-color);
 
 .dx-timeview {
   height: auto;

diff --git a/...afe/tests/editors/dateBox/etalons/Datebox with datetime (fluent-blue-light).png b/...afe/tests/editors/dateBox/etalons/Datebox with datetime (fluent-blue-light).png
diff --git a/.../dateBox/etalons/Datebox with datetime without calendar (fluent-blue-light).png b/.../dateBox/etalons/Datebox with datetime without calendar (fluent-blue-light).png