fix(atlas-core): hide on tablet and phone also based on profile, not …

…only screen size
mendix · Sep 26, 2023 · a576c3b · a576c3b
1 parent b6f1d00
commit a576c3b
Show file tree

Hide file tree

Showing 3 changed files with 11 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]
 
+### Fixed
+
+-   We fixed an issue with "Hide on tablet" and "Hide on phone" design properties not working correctly on some devices.
+
 ## [3.12.0] Atlas Core - 2023-9-22
 
 ## Added

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.12.0",
+  "version": "3.12.1",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {

diff --git a/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss b/packages/atlas/src/themesource/atlas_core/web/core/helpers/_helper-classes.scss
@@ -195,12 +195,18 @@
             display: none #{$important-helpers-value};
         }
     }
+    .profile-phone .hide-phone {
+        display: none #{$important-helpers-value};
+    }
 
     @media (min-width: $screen-md) and (max-width: $screen-md-max) {
         .hide-tablet {
             display: none #{$important-helpers-value};
         }
     }
+    .profile-tablet .hide-tablet {
+        display: none #{$important-helpers-value};
+    }
 
     @media (min-width: $screen-lg) {
         .hide-desktop {