List/Selection: Apply standardized width and added space between span…

… and input in Vue template (#27553) Signed-off-by: Nikki Gonzales <[email protected]>
DevExpress · Jun 14, 2024 · 0e0e83d · 0e0e83d
1 parent ddd7b20
commit 0e0e83d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/apps/demos/Demos/List/ListSelection/Vue/App.vue b/apps/demos/Demos/List/ListSelection/Vue/App.vue
@@ -19,6 +19,7 @@
       <div class="caption">Options</div>
       <div class="option">
         <span>Selection Mode </span>
+        {{ " " }}
         <DxSelectBox
           v-model:value="selectionMode"
           :items="['none', 'single', 'multiple', 'all']"
@@ -27,6 +28,7 @@
       </div>
       <div class="option">
         <span>Select All Mode </span>
+        {{ " " }}
         <DxSelectBox
           v-model:value="selectAllMode"
           :disabled="selectionMode !== 'all'"
@@ -35,7 +37,8 @@
         />
       </div>
       <div class="option">
-        <span>Select By Click</span>
+        <span>Select By Click </span>
+        {{ " " }}
         <DxCheckBox
           v-model:value="selectByClick"
           :element-attr="{ 'aria-label': 'Selection By Click' }"
@@ -84,7 +87,7 @@ const selectByClick = ref(false);
 }
 
 .option > span {
-  width: 124px;
+  width: 120px;
   display: inline-block;
 }
 

diff --git a/apps/demos/testing/common.test.js b/apps/demos/testing/common.test.js
@@ -207,7 +207,6 @@ const SKIPPED_TESTS = {
       { demo: 'Overview', themes: [THEME.material] },
     ],
     List: [
-      { demo: 'ListSelection', themes: [THEME.material] },
       { demo: 'ListWithSearchBar', themes: [THEME.material] },
     ],
     Gauges: [

diff --git a/apps/demos/utils/visual-tests/matrix-test-helper.js b/apps/demos/utils/visual-tests/matrix-test-helper.js
@@ -242,9 +242,6 @@ const SKIPPED_TESTS = {
     Drawer: [
       { demo: 'TopOrBottomPosition', themes: [THEME.material] },
     ],
-    List: [
-      { demo: 'ListSelection', themes: [THEME.material] },
-    ],
     TabPanel: [
       { demo: 'Overview', themes: [THEME.material] },
     ],