feat: design fixes

Author: Tucchhaa

apps/demos/Demos/Scheduler/Templates/jQuery/index.js

@@ -15,7 +15,6 @@ $(() => {
     height: 600,
     groups: ['theatreId'],
     crossScrollingEnabled: true,
-    maxAppointmentsPerCell: 1,
     cellDuration: 20,
     resources: [{
       fieldExpr: 'movieId',
@@ -47,7 +46,7 @@ $(() => {
           {
             template: () => {
               $movieInfoContainer = $('<div class="movie-info-container">');
-              updateMovieInfoContainer(movie);
+              updateMovieInfoContainer({});
               return $movieInfoContainer;
             },
           },

apps/demos/Demos/Scheduler/Templates/jQuery/styles.css

@@ -11,6 +11,7 @@
   width: 80px;
   border-radius: 2px;
   overflow: hidden;
+  border: 1px solid var(--dx-color-border);
 }
 
 .movie-preview-image img {
@@ -37,14 +38,18 @@
 
 .movie-info-container {
   border-radius: 8px;
-  padding: 8px;
+  padding-bottom: 8px;
 }
 
 .movie-info {
   display: flex;
   gap: 12px;
 }
 
+.dx-theme-material .movie-info {
+  gap: 16px;
+}
+
 .movie-info .movie-details {
   text-align: left;
 }
@@ -54,3 +59,18 @@
   font-size: 14px;
   margin-bottom: 8px;
 }
+
+.dx-scheduler-form-end-date-group.dx-field-item {
+  padding-bottom: 12px;
+}
+
+.long-title h3 {
+  font-weight: 200;
+  font-size: 28px;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.dx-scheduler-appointment::before {
+  opacity: 0.26 !important;
+}

apps/demos/images/movies/AStartIsBorn.jpg

@@ -6,7 +6,7 @@ import dateUtils from '@js/core/utils/date';
 import { Deferred, when } from '@js/core/utils/deferred';
 import { getWidth } from '@js/core/utils/size';
 import { getWindow } from '@js/core/utils/window';
-import type { ToolbarItem } from '@js/ui/popup';
+import type { dxPopupOptions, ToolbarItem } from '@js/ui/popup';
 import type dxPopup from '@js/ui/popup';
 import Popup from '@js/ui/popup/ui.popup';
 import { current, isFluent } from '@js/ui/themes';