From 52432d328c9f451a227b1458a45af4fc79c2b525 Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Sat, 28 Oct 2023 22:36:32 +0600 Subject: [PATCH 1/8] Update _utility.scss Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src/global_styling/utility/_utility.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/global_styling/utility/_utility.scss b/src/global_styling/utility/_utility.scss index e522b1ea3e..b2c4a0100c 100644 --- a/src/global_styling/utility/_utility.scss +++ b/src/global_styling/utility/_utility.scss @@ -22,6 +22,7 @@ .oui-displayBlock {display: block !important;} .oui-displayInline {display: inline !important;} .oui-displayInlineBlock {display: inline-block !important;} +.oui-displayNone {display: none !important;} .oui-fullWidth { display: block !important; From 14f0fe0ba177a80ceb9d37212d140e68116194b6 Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Sat, 28 Oct 2023 22:44:57 +0600 Subject: [PATCH 2/8] Update CHANGELOG.md Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- CHANGELOG.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a9ac2f5e8f..52114a621e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,7 +12,8 @@ - Update ouiTextSubduedColor in `next` dark theme ([#973](https://github.com/opensearch-project/oui/pull/973)) - Add `crossInCircleEmpty` and `power` icons ([#1044](https://github.com/opensearch-project/oui/pull/1044)) - +- Add CSS `display-none` utility ([#1120](https://github.com/opensearch-project/oui/pull/1120)) +- ### šŸ› Bug Fixes - Add exit code to compile-scss script on failure ([#1024](https://github.com/opensearch-project/oui/pull/1024)) From 095c85763ecf726ff2f3f65703b9b0a250b6edb4 Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Mon, 11 Dec 2023 11:04:26 +0600 Subject: [PATCH 3/8] Add `oui-displayNone` to `utility_classes.js` Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- .../views/utility_classes/utility_classes.js | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src-docs/src/views/utility_classes/utility_classes.js b/src-docs/src/views/utility_classes/utility_classes.js index 71a24adca4..9ddd0bbf8a 100644 --- a/src-docs/src/views/utility_classes/utility_classes.js +++ b/src-docs/src/views/utility_classes/utility_classes.js @@ -93,6 +93,24 @@ export default () => ( } snippet={` /* Your content */ +`} + /> + + + Changes the elementā€™s display property to{' '} + display: None; +

+ } + example={ + + Displaying None + + } + snippet={` + /* Your content */ `} /> From 65fcb142c998fd6020340c3537119185667c553e Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Tue, 12 Dec 2023 06:09:10 +0600 Subject: [PATCH 4/8] Update utility_classes.js Co-authored-by: Josh Romero Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src-docs/src/views/utility_classes/utility_classes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-docs/src/views/utility_classes/utility_classes.js b/src-docs/src/views/utility_classes/utility_classes.js index 9ddd0bbf8a..cd5d80a390 100644 --- a/src-docs/src/views/utility_classes/utility_classes.js +++ b/src-docs/src/views/utility_classes/utility_classes.js @@ -101,7 +101,7 @@ export default () => ( description={

Changes the elementā€™s display property to{' '} - display: None; + display: none;

} example={ From d4087b594995a5f9a9a6ac2ad4eed4efecde35b9 Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Tue, 12 Dec 2023 06:10:24 +0600 Subject: [PATCH 5/8] Fix typo in utility_classes.js Co-authored-by: Josh Romero Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src-docs/src/views/utility_classes/utility_classes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-docs/src/views/utility_classes/utility_classes.js b/src-docs/src/views/utility_classes/utility_classes.js index cd5d80a390..696cf0e794 100644 --- a/src-docs/src/views/utility_classes/utility_classes.js +++ b/src-docs/src/views/utility_classes/utility_classes.js @@ -106,7 +106,7 @@ export default () => ( } example={ - Displaying None + Displaying none } snippet={` From 6af59b23e825d10b8813703ef5da2dbac288b6a0 Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Tue, 12 Dec 2023 06:11:41 +0600 Subject: [PATCH 6/8] Fix Indentation in utility_classes.js Co-authored-by: Josh Romero Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src-docs/src/views/utility_classes/utility_classes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-docs/src/views/utility_classes/utility_classes.js b/src-docs/src/views/utility_classes/utility_classes.js index 696cf0e794..8f69634218 100644 --- a/src-docs/src/views/utility_classes/utility_classes.js +++ b/src-docs/src/views/utility_classes/utility_classes.js @@ -95,7 +95,7 @@ export default () => ( /* Your content */ `} /> - + Date: Wed, 13 Dec 2023 23:46:55 +0600 Subject: [PATCH 7/8] fix lint Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src-docs/src/views/utility_classes/utility_classes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-docs/src/views/utility_classes/utility_classes.js b/src-docs/src/views/utility_classes/utility_classes.js index 8f69634218..529d916251 100644 --- a/src-docs/src/views/utility_classes/utility_classes.js +++ b/src-docs/src/views/utility_classes/utility_classes.js @@ -101,7 +101,7 @@ export default () => ( description={

Changes the elementā€™s display property to{' '} - display: none; + display: none;

} example={ From 3cd2a767f0b5c5840dffe60fa6faaab21e156ebf Mon Sep 17 00:00:00 2001 From: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> Date: Fri, 5 Jan 2024 23:57:54 +0600 Subject: [PATCH 8/8] Add displayNone to oui-next Signed-off-by: Shahriar Shatil <52494840+ShatilKhan@users.noreply.github.com> --- src/themes/oui-next/global_styling/utility/_utility.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/themes/oui-next/global_styling/utility/_utility.scss b/src/themes/oui-next/global_styling/utility/_utility.scss index e522b1ea3e..b2c4a0100c 100644 --- a/src/themes/oui-next/global_styling/utility/_utility.scss +++ b/src/themes/oui-next/global_styling/utility/_utility.scss @@ -22,6 +22,7 @@ .oui-displayBlock {display: block !important;} .oui-displayInline {display: inline !important;} .oui-displayInlineBlock {display: inline-block !important;} +.oui-displayNone {display: none !important;} .oui-fullWidth { display: block !important;