Scheduler - Overview - fix text color of focused appt in fluent (#28506)

DevExpress · Dec 6, 2024 · 2b27e50 · 2b27e50
1 parent 4eda85b
commit 2b27e50
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 5 deletions.
diff --git a/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.css b/apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.css
@@ -3,6 +3,10 @@
   position: relative;
 }
 
+::ng-deep .dx-scheduler-group-header-content {
+  padding-left: 8px;
+}
+
 ::ng-deep .dx-color-scheme-light,
 ::ng-deep .dx-color-scheme-carmine,
 ::ng-deep .dx-color-scheme-softblue,
@@ -50,7 +54,8 @@
   color: var(--text-color-1);
 }
 
-::ng-deep .dx-scheduler-work-space-month .dx-scheduler-appointment {
+::ng-deep .dx-scheduler-work-space-month .dx-scheduler-appointment,
+::ng-deep .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
   color: var(--text-color-2);
   line-height: 22px;
 }

diff --git a/apps/demos/Demos/Scheduler/Overview/React/styles.css b/apps/demos/Demos/Scheduler/Overview/React/styles.css
@@ -3,6 +3,10 @@
   position: relative;
 }
 
+.dx-scheduler-group-header-content {
+  padding-left: 8px;
+}
+
 .dx-color-scheme-light,
 .dx-color-scheme-carmine,
 .dx-color-scheme-softblue,
@@ -50,7 +54,8 @@
   color: var(--text-color-1);
 }
 
-.dx-scheduler-work-space-month .dx-scheduler-appointment {
+.dx-scheduler-work-space-month .dx-scheduler-appointment,
+.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
   color: var(--text-color-2);
   line-height: 22px;
 }

diff --git a/apps/demos/Demos/Scheduler/Overview/ReactJs/styles.css b/apps/demos/Demos/Scheduler/Overview/ReactJs/styles.css
@@ -3,6 +3,10 @@
   position: relative;
 }
 
+.dx-scheduler-group-header-content {
+  padding-left: 8px;
+}
+
 .dx-color-scheme-light,
 .dx-color-scheme-carmine,
 .dx-color-scheme-softblue,
@@ -50,7 +54,8 @@
   color: var(--text-color-1);
 }
 
-.dx-scheduler-work-space-month .dx-scheduler-appointment {
+.dx-scheduler-work-space-month .dx-scheduler-appointment,
+.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
   color: var(--text-color-2);
   line-height: 22px;
 }

diff --git a/apps/demos/Demos/Scheduler/Overview/Vue/App.vue b/apps/demos/Demos/Scheduler/Overview/Vue/App.vue
@@ -51,6 +51,10 @@ const dataSource = data;
   position: relative;
 }
 
+.dx-scheduler-group-header-content {
+  padding-left: 8px;
+}
+
 .dx-color-scheme-light,
 .dx-color-scheme-carmine,
 .dx-color-scheme-softblue,
@@ -98,7 +102,8 @@ const dataSource = data;
   color: var(--text-color-1);
 }
 
-.dx-scheduler-work-space-month .dx-scheduler-appointment {
+.dx-scheduler-work-space-month .dx-scheduler-appointment,
+.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
   color: var(--text-color-2);
   line-height: 22px;
 }

diff --git a/apps/demos/Demos/Scheduler/Overview/jQuery/styles.css b/apps/demos/Demos/Scheduler/Overview/jQuery/styles.css
@@ -3,6 +3,10 @@
   position: relative;
 }
 
+.dx-scheduler-group-header-content {
+  padding-left: 8px;
+}
+
 .dx-color-scheme-light,
 .dx-color-scheme-carmine,
 .dx-color-scheme-softblue,
@@ -50,7 +54,8 @@
   color: var(--text-color-1);
 }
 
-.dx-scheduler-work-space-month .dx-scheduler-appointment {
+.dx-scheduler-work-space-month .dx-scheduler-appointment,
+.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
   color: var(--text-color-2);
   line-height: 22px;
 }

diff --git a/apps/demos/testing/etalons/Scheduler-Overview.png b/apps/demos/testing/etalons/Scheduler-Overview.png
diff --git a/apps/demos/testing/widgets/scheduler/etalons/scheduler_overview_selection.png b/apps/demos/testing/widgets/scheduler/etalons/scheduler_overview_selection.png