Fix screenshot test

tomodasheesh · May 30, 2024 · 66181d1 · 66181d1
1 parent d53f3e3
commit 66181d1
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 30 deletions.
diff --git a/...ges/angular/src/app/components/utils/form-photo-uploader/form-photo-uploader.component.ts b/...ges/angular/src/app/components/utils/form-photo-uploader/form-photo-uploader.component.ts
@@ -11,8 +11,8 @@ import { DxFileUploaderModule } from 'devextreme-angular/ui/file-uploader';
       id="uploader"
       [ngClass]="
         isDropZoneActive
-          ? ['theme-accent-as-border-color']
-          : ['theme-border-color']
+          ? ['dx-theme-accent-as-border-color']
+          : ['dx-theme-border-color']
       "
     >
       <span>Drag and drop a photo here or click the area to select it from a folder</span>

diff --git a/packages/angular/src/styles.scss b/packages/angular/src/styles.scss
@@ -19,14 +19,6 @@ body {
   background-color: var(--dx-component-color-bg);
 }
 
-.theme-accent-as-border-color {
-  border-color: var(--dx-color-border);
-}
-
-.theme-border-color {
-  border-color: var(--dx-color-primary);
-}
-
 .header-text {
   @include header();
 }

diff --git a/packages/react/src/components/utils/form-photo-uploader/FormPhotoUploader.tsx b/packages/react/src/components/utils/form-photo-uploader/FormPhotoUploader.tsx
@@ -26,8 +26,8 @@ export const FormPhotoUploader = () => {
         ref={getUploaderRef}
         id='uploader'
         className={`${ isDropZoneActive
-          ? 'theme-accent-as-border-color'
-          : 'theme-border-color' }`}
+          ? 'dx-theme-accent-as-border-color'
+          : 'dx-theme-border-color' }`}
       >
         <span>Drag and drop a photo here or click the area to select it from a folder</span>
       </div>

diff --git a/packages/react/src/styles.scss b/packages/react/src/styles.scss
@@ -29,14 +29,6 @@ body {
   background-color: var(--dx-component-color-bg);
 }
 
-.theme-accent-as-border-color {
-  border-color: var(--dx-color-border);
-}
-
-.theme-border-color {
-  border-color: var(--dx-color-primary);
-}
-
 .header-text {
   @include header();
 }

diff --git a/packages/vue/src/components/utils/form-photo-uploader.vue b/packages/vue/src/components/utils/form-photo-uploader.vue
@@ -3,8 +3,8 @@
     id="dropzone"
     ref="dropzone"
     :class="isDropZoneActive
-      ? 'theme-accent-as-border-color'
-      : 'theme-border-color'
+      ? 'dx-theme-accent-as-border-color'
+      : 'dx-theme-border-color'
     "
   >
     <span>Drag and drop a photo here or click the area to select it from a folder</span>

diff --git a/packages/vue/src/styles.scss b/packages/vue/src/styles.scss
@@ -18,14 +18,6 @@
   background-color: var(--dx-component-color-bg);
 }
 
-.theme-accent-as-border-color {
-  border-color: var(--dx-color-border);
-}
-
-.theme-border-color {
-  border-color: var(--dx-color-primary);
-}
-
 .header-text {
   @include header();
 }