Add focus state styling to PopupLayout close button (#64)

mendix · Sep 1, 2023 · 1098346 · 1098346
2 parents 74ab2e1 + 4159e11
commit 1098346
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git 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]
 
+## Added
+
+-   We added focus state styling to PopupLayout close button.
+
 ## [3.11.2] Atlas Core - 2023-7-21
 
 ### Fixed

diff --git a/packages/atlas-core/package.json b/packages/atlas-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "3.11.2",
+  "version": "3.11.3",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {

diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_modal.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_modal.scss
@@ -36,6 +36,10 @@
                     /* For IE8 and earlier */
                     color: $modal-header-color;
                     text-shadow: none;
+                    &:focus {
+                        border-radius: 4px;
+                        outline: 2px solid $brand-primary;
+                    }
                 }
             }