diff --git a/packages/core/scss/components/calendar/_layout.scss b/packages/core/scss/components/calendar/_layout.scss index 539a5188940..9ba89da3380 100644 --- a/packages/core/scss/components/calendar/_layout.scss +++ b/packages/core/scss/components/calendar/_layout.scss @@ -356,9 +356,9 @@ display: block; position: absolute; inset-block-end: 0; - content: "\200b"; + content: ""; height: 0; - line-height: 0; + line-height: 1lh; z-index: k-z-index("base", 1); width: 150%; inset-inline-start: -25%; @@ -395,7 +395,7 @@ &::after { display: block; position: absolute; - content: "\200b"; + content: ""; height: 0; line-height: 0; z-index: k-z-index("base", 1); diff --git a/packages/core/scss/components/checkbox/_layout.scss b/packages/core/scss/components/checkbox/_layout.scss index 6e2e52a677a..9493a7947fc 100644 --- a/packages/core/scss/components/checkbox/_layout.scss +++ b/packages/core/scss/components/checkbox/_layout.scss @@ -125,8 +125,9 @@ position: relative; &::before { - content: "\200b"; - width: 0px; + content: ""; + width: 0; + height: 1lh; overflow: hidden; flex: none; display: inline-block; diff --git a/packages/core/scss/components/dropdowntree/_layout.scss b/packages/core/scss/components/dropdowntree/_layout.scss index b6fdf121565..36c44afa56e 100644 --- a/packages/core/scss/components/dropdowntree/_layout.scss +++ b/packages/core/scss/components/dropdowntree/_layout.scss @@ -27,8 +27,9 @@ } .k-input-inner::before { - content: "\200b"; - width: 0px; + content: ""; + width: 0; + height: 1lh; overflow: hidden; flex: none; display: inline-block; diff --git a/packages/core/scss/components/gantt/_layout.scss b/packages/core/scss/components/gantt/_layout.scss index c7fed00c0ed..4efc711ec1d 100644 --- a/packages/core/scss/components/gantt/_layout.scss +++ b/packages/core/scss/components/gantt/_layout.scss @@ -416,7 +416,7 @@ position: relative; vertical-align: middle; } - td::after { content: "\200b"; } + td::after { content: ""; } } .k-task-wrap { diff --git a/packages/core/scss/components/icons/_layout.scss b/packages/core/scss/components/icons/_layout.scss index 61498dc13c5..455a7c51a5c 100644 --- a/packages/core/scss/components/icons/_layout.scss +++ b/packages/core/scss/components/icons/_layout.scss @@ -21,8 +21,9 @@ position: relative; &::before { - content: "\200b"; + content: ""; width: 0; + height: 1lh; overflow: hidden; flex: none; display: inline-block; diff --git a/packages/core/scss/components/input/_layout.scss b/packages/core/scss/components/input/_layout.scss index da273201c3d..6af58be195e 100644 --- a/packages/core/scss/components/input/_layout.scss +++ b/packages/core/scss/components/input/_layout.scss @@ -288,24 +288,22 @@ // Input value - .k-input-value-icon { - flex: none; - } + // Input value .k-input-value-text { flex: 1; overflow: hidden; text-overflow: ellipsis; - } - .k-input-value-text::before { - content: "\200b"; - width: 0px; - overflow: hidden; - flex: none; - display: inline-block; - vertical-align: top; - } - + &::before { + content: ""; + width: 0; + height: 1lh; + overflow: hidden; + flex: none; + display: inline-block; + vertical-align: top; + } + } // Input multiple values .k-input-values { min-width: 0px; diff --git a/packages/core/scss/components/list/_layout.scss b/packages/core/scss/components/list/_layout.scss index 42f8ea10c90..c5c80a72867 100644 --- a/packages/core/scss/components/list/_layout.scss +++ b/packages/core/scss/components/list/_layout.scss @@ -217,8 +217,9 @@ .k-list-header-text, .k-list-optionlabel { &::before { - content: "\200b"; - width: 0px; + content: ""; + width: 0; + height: 1lh; overflow: hidden; } } diff --git a/packages/core/scss/components/radio/_layout.scss b/packages/core/scss/components/radio/_layout.scss index 95278a2bfa9..19d056bb7dd 100644 --- a/packages/core/scss/components/radio/_layout.scss +++ b/packages/core/scss/components/radio/_layout.scss @@ -113,8 +113,9 @@ position: relative; &::before { - content: "\200b"; - width: 0px; + content: ""; + width: 0; + height: 1lh; overflow: hidden; flex: none; display: inline-block; diff --git a/packages/core/scss/components/skeleton/_layout.scss b/packages/core/scss/components/skeleton/_layout.scss index e1e165c9230..80c25c912d6 100644 --- a/packages/core/scss/components/skeleton/_layout.scss +++ b/packages/core/scss/components/skeleton/_layout.scss @@ -12,7 +12,8 @@ transform: $kendo-skeleton-text-transform; &:empty::before { - content: "\200b"; + content: ""; + display: inline-block; } } diff --git a/packages/core/scss/components/table/_layout.scss b/packages/core/scss/components/table/_layout.scss index 2efdee97bfd..fb62aeb0ddb 100644 --- a/packages/core/scss/components/table/_layout.scss +++ b/packages/core/scss/components/table/_layout.scss @@ -141,12 +141,12 @@ position: sticky; &::before { - content: "\200b"; - padding-block: $kendo-table-md-cell-padding-y; - padding-inline: 0; + content: ""; + height: 1lh; width: 0; display: block; overflow: hidden; + box-sizing: content-box; } .k-table-th { diff --git a/packages/core/scss/components/timeselector/_layout.scss b/packages/core/scss/components/timeselector/_layout.scss index ebd79c005c9..0ba4d322761 100644 --- a/packages/core/scss/components/timeselector/_layout.scss +++ b/packages/core/scss/components/timeselector/_layout.scss @@ -151,7 +151,7 @@ &::before, &::after { display: block; - content: "\200b"; + content: ""; position: absolute; width: 100%; inset-inline-start: 0; @@ -188,7 +188,7 @@ &::after { display: block; position: absolute; - content: "\200b"; + content: ""; height: 0; line-height: 0; z-index: k-z-index("base", 1); diff --git a/packages/core/scss/components/window/_layout.scss b/packages/core/scss/components/window/_layout.scss index 0e66c14f044..e804faac7b1 100644 --- a/packages/core/scss/components/window/_layout.scss +++ b/packages/core/scss/components/window/_layout.scss @@ -72,7 +72,8 @@ flex: 1; &:empty::before { - content: "\200b"; + content: ""; + display: inline-block; } }