review refactor: rename img + refactor styles

DevExpress · Dec 4, 2024 · 9326934 · 9326934
1 parent d8d90f2
commit 9326934
Show file tree

Hide file tree

Showing 11 changed files with 35 additions and 40 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
@@ -77,20 +77,19 @@
   background-color: rgba(255, 255, 255, 1);
 }
 
-::ng-deep .avatar[title="John Heart"] img {
+::ng-deep .avatar img {
   position: relative;
   width: 126px;
   height: 130px;
   object-fit: contain;
+}
+
+::ng-deep .avatar[title="John Heart"] img {
   top: 5px;
   left: 3px;
 }
 
 ::ng-deep .avatar[title="Greta Sims"] img {
-  position: relative;
-  width: 126px;
-  height: 130px;
-  object-fit: contain;
   top: 5px;
   left: -7px;
 }
@@ -155,13 +154,13 @@
 }
 
 ::ng-deep .training-background-0 {
-  background-image: url("../../../../images/gym/icon-abs.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-abs.png");
 }
 
 ::ng-deep .training-background-1 {
-  background-image: url("../../../../images/gym/icon-step.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-step.png");
 }
 
 ::ng-deep .training-background-2 {
-  background-image: url("../../../../images/gym/icon-fitball.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-fitball.png");
 }
diff --git a/apps/demos/Demos/Scheduler/Overview/React/styles.css b/apps/demos/Demos/Scheduler/Overview/React/styles.css
@@ -77,20 +77,19 @@
   background-color: rgba(255, 255, 255, 1);
 }
 
-.avatar[title="John Heart"] img {
+.avatar img {
   position: relative;
   width: 126px;
   height: 130px;
   object-fit: contain;
+}
+
+.avatar[title="John Heart"] img {
   top: 5px;
   left: 3px;
 }
 
 .avatar[title="Greta Sims"] img {
-  position: relative;
-  width: 126px;
-  height: 130px;
-  object-fit: contain;
   top: 5px;
   left: -7px;
 }
@@ -155,13 +154,13 @@
 }
 
 .training-background-0 {
-  background-image: url("../../../../images/gym/icon-abs.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-abs.png");
 }
 
 .training-background-1 {
-  background-image: url("../../../../images/gym/icon-step.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-step.png");
 }
 
 .training-background-2 {
-  background-image: url("../../../../images/gym/icon-fitball.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-fitball.png");
 }
diff --git a/apps/demos/Demos/Scheduler/Overview/ReactJs/styles.css b/apps/demos/Demos/Scheduler/Overview/ReactJs/styles.css
@@ -77,20 +77,19 @@
   background-color: rgba(255, 255, 255, 1);
 }
 
-.avatar[title="John Heart"] img {
+.avatar img {
   position: relative;
   width: 126px;
   height: 130px;
   object-fit: contain;
+}
+
+.avatar[title="John Heart"] img {
   top: 5px;
   left: 3px;
 }
 
 .avatar[title="Greta Sims"] img {
-  position: relative;
-  width: 126px;
-  height: 130px;
-  object-fit: contain;
   top: 5px;
   left: -7px;
 }
@@ -155,13 +154,13 @@
 }
 
 .training-background-0 {
-  background-image: url("../../../../images/gym/icon-abs.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-abs.png");
 }
 
 .training-background-1 {
-  background-image: url("../../../../images/gym/icon-step.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-step.png");
 }
 
 .training-background-2 {
-  background-image: url("../../../../images/gym/icon-fitball.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-fitball.png");
 }
diff --git a/apps/demos/Demos/Scheduler/Overview/Vue/DataCell.vue b/apps/demos/Demos/Scheduler/Overview/Vue/DataCell.vue
@@ -70,14 +70,14 @@ function getCurrentTraining(date, employeeID) {
 }
 
 .training-background-0 {
-  background-image: url("../../../../images/gym/icon-abs.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-abs.png");
 }
 
 .training-background-1 {
-  background-image: url("../../../../images/gym/icon-step.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-step.png");
 }
 
 .training-background-2 {
-  background-image: url("../../../../images/gym/icon-fitball.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-fitball.png");
 }
 </style>
diff --git a/apps/demos/Demos/Scheduler/Overview/Vue/ResourceCell.vue b/apps/demos/Demos/Scheduler/Overview/Vue/ResourceCell.vue
@@ -38,20 +38,19 @@ withDefaults(defineProps<{
   background-color: rgba(255, 255, 255, 1);
 }
 
-.avatar[title="John Heart"] img {
+.avatar img {
   position: relative;
   width: 126px;
   height: 130px;
   object-fit: contain;
+}
+
+.avatar[title="John Heart"] img {
   top: 5px;
   left: 3px;
 }
 
 .avatar[title="Greta Sims"] img {
-  position: relative;
-  width: 126px;
-  height: 130px;
-  object-fit: contain;
   top: 5px;
   left: -7px;
 }

diff --git a/apps/demos/Demos/Scheduler/Overview/jQuery/styles.css b/apps/demos/Demos/Scheduler/Overview/jQuery/styles.css
@@ -77,20 +77,19 @@
   background-color: rgba(255, 255, 255, 1);
 }
 
-.avatar[title="John Heart"] img {
+.avatar img {
   position: relative;
   width: 126px;
   height: 130px;
   object-fit: contain;
+}
+
+.avatar[title="John Heart"] img {
   top: 5px;
   left: 3px;
 }
 
 .avatar[title="Greta Sims"] img {
-  position: relative;
-  width: 126px;
-  height: 130px;
-  object-fit: contain;
   top: 5px;
   left: -7px;
 }
@@ -155,13 +154,13 @@
 }
 
 .training-background-0 {
-  background-image: url("../../../../images/gym/icon-abs.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-abs.png");
 }
 
 .training-background-1 {
-  background-image: url("../../../../images/gym/icon-step.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-step.png");
 }
 
 .training-background-2 {
-  background-image: url("../../../../images/gym/icon-fitball.png");
+  background-image: url("../../../../images/Scheduler/Overview/icon-fitball.png");
 }
diff --git a/apps/demos/images/gym/icon-abs.png → ...os/images/Scheduler/Overview/icon-abs.png b/apps/demos/images/gym/icon-abs.png → ...os/images/Scheduler/Overview/icon-abs.png
diff --git a/apps/demos/images/gym/icon-fitball.png → ...mages/Scheduler/Overview/icon-fitball.png b/apps/demos/images/gym/icon-fitball.png → ...mages/Scheduler/Overview/icon-fitball.png
diff --git a/apps/demos/images/gym/icon-step.png → ...s/images/Scheduler/Overview/icon-step.png b/apps/demos/images/gym/icon-step.png → ...s/images/Scheduler/Overview/icon-step.png
diff --git a/apps/demos/images/gym/coach-man.png b/apps/demos/images/gym/coach-man.png
diff --git a/apps/demos/images/gym/coach-woman.png b/apps/demos/images/gym/coach-woman.png