From 0eb7f7cba84aec69e5a10e6077576910bde2c238 Mon Sep 17 00:00:00 2001 From: Roman Vyakhirev Date: Thu, 22 Jan 2026 13:07:27 +0100 Subject: [PATCH 1/2] fix: align checkbox in both before and after input positions --- packages/atlas-core/CHANGELOG.md | 4 ++++ .../themesource/atlas_core/web/core/widgets/_check-box.scss | 5 +++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/atlas-core/CHANGELOG.md b/packages/atlas-core/CHANGELOG.md index 038fc87b8..a4f64cd7a 100644 --- a/packages/atlas-core/CHANGELOG.md +++ b/packages/atlas-core/CHANGELOG.md @@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ## [Unreleased] +### Fixed + +- We fixed an issue with label alignment in Check Box widgets. + ## [4.3.3] Atlas Core - 2026-1-30 ### Fixed diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_check-box.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_check-box.scss index f2d17b0d8..51cf37813 100644 --- a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_check-box.scss +++ b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_check-box.scss @@ -13,9 +13,8 @@ ========================================================================== */ .mx-checkbox.label-after { - flex-wrap: wrap; - .control-label { + flex: 1; display: flex; align-items: center; padding: 0; @@ -23,6 +22,8 @@ } input[type="checkbox"] { + flex: 0 0 auto; + align-self: center; position: relative !important; //Remove after mxui merge width: 16px; height: 16px; From 4e53db6b2c5d18ceb06bf57adae0b0ba66b2de79 Mon Sep 17 00:00:00 2001 From: Roman Vyakhirev Date: Thu, 22 Jan 2026 13:10:04 +0100 Subject: [PATCH 2/2] fix: fix text box stretching --- packages/atlas-core/CHANGELOG.md | 1 + .../atlas_core/web/core/widgets/_input.scss | 15 ++++++++++----- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/packages/atlas-core/CHANGELOG.md b/packages/atlas-core/CHANGELOG.md index a4f64cd7a..ecd2e83af 100644 --- a/packages/atlas-core/CHANGELOG.md +++ b/packages/atlas-core/CHANGELOG.md @@ -9,6 +9,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ### Fixed - We fixed an issue with label alignment in Check Box widgets. +- We fixed an issue Text Box widget being stretched when corresponding label is multiline. ## [4.3.3] Atlas Core - 2026-1-30 diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss index 984669043..6b2d47982 100644 --- a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss +++ b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss @@ -107,6 +107,11 @@ justify-content: space-between; } + // Text box widget should stay in the middle horizontally + .form-group.mx-textbox .form-control { + align-self: center; + } + // Not editable textarea, textarea will be rendered as a label .mx-textarea .control-label { height: auto; @@ -197,7 +202,7 @@ .page-form-horizontal { @extend .form-horizontal; @media not screen and (max-width: $screen-sm-max) { - .form-group.no-columns:not(.label-after){ + .form-group.no-columns:not(.label-after) { // overwrite default no-columns behavior when // page form orientation is set to horizontal flex-direction: row; @@ -206,7 +211,7 @@ $label-breakpoints: sm, md, lg, xl, xxl; @each $bp in $label-breakpoints { - &:not([class*="form-label-width-"]){ + &:not([class*="form-label-width-"]) { // default label width 3 if none specified .form-group > label { @extend .col-#{$bp}-3; @@ -240,10 +245,10 @@ // Targets only webkit iOS devices .dj_webkit.dj_ios .form-control { - transform: translate3d(0,0,0); - -webkit-transform: translate3d(0,0,0); + transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); - &.widget-dropdown-filter{ + &.widget-dropdown-filter { transform: inherit; -webkit-transform: inherit; }