From bf3d608553fda1b35f3a7f482959077854a5444e Mon Sep 17 00:00:00 2001
From: Roman Vyakhirev <roman.vyakhirev@mendix.com>
Date: Fri, 22 Sep 2023 15:16:17 +0200
Subject: [PATCH] fix(atlas-core): hide on tablet and phone also based on
 profile, not only screen size

---
 packages/atlas-core/CHANGELOG.md                            | 4 ++++
 packages/atlas-core/package.json                            | 2 +-
 .../atlas_core/web/core/helpers/_helper-classes.scss        | 6 ++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/atlas-core/CHANGELOG.md b/packages/atlas-core/CHANGELOG.md
index 8213d3859..bdb58e5bd 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 "Hide on tablet" and "Hide on phone" design properties not working correctly on some devices.
+
 ## [3.14.5] Atlas Core - 2024-10-2
 
 ### Fixed
diff --git a/packages/atlas-core/package.json b/packages/atlas-core/package.json
index 8b64aeddb..a27d26cae 100644
--- a/packages/atlas-core/package.json
+++ b/packages/atlas-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "3.14.5",
+  "version": "3.14.6",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2024. 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
index e3b7d6f9f..8d2503424 100644
--- 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 {