Editor: validation mark should be centered (#25925)

DevExpress · Oct 31, 2023 · 62c6d5c · 62c6d5c
1 parent 5d66e89
commit 62c6d5c
Show file tree

Hide file tree

Showing 17 changed files with 3 additions and 1 deletion.
diff --git a/packages/devextreme/scss/widgets/fluent/common/_mixins.scss b/packages/devextreme/scss/widgets/fluent/common/_mixins.scss
@@ -26,11 +26,13 @@ $badge-invalid-bg: $base-invalid-color;
 @mixin badge-settings() {
   pointer-events: none;
   position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   top: 50%;
   margin-top: math.div(-$fluent-invalid-badge-size, 2);
   width: $fluent-invalid-badge-size;
   height: $fluent-invalid-badge-size;
-  text-align: center;
   line-height: $fluent-invalid-badge-size + 1;
   font-size: $fluent-base-font-size;
 }

diff --git a/.../DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png b/.../DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png
diff --git a/...geBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/...geBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png
diff --git a/...ateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png b/...ateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png
diff --git a/...Box disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/...Box disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png
diff --git a/...DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png b/...DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png
diff --git a/...eBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/...eBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png
diff --git a/...ateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png b/...ateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png
diff --git a/...Box readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/...Box readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png
diff --git a/...etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png b/...etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png
diff --git a/...DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/...DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png
diff --git a/...alons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png b/...alons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png
diff --git a/...ons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png b/...ons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png
diff --git a/...s/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png b/...s/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png
diff --git a/...xtBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png b/...xtBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png
diff --git a/...Box/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png b/...Box/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png
diff --git a/...x/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png b/...x/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png