From 2e57d2346c5d819496e45514c0b6dba46d5d2c41 Mon Sep 17 00:00:00 2001 From: Jadson Lourenco Date: Fri, 4 Nov 2022 11:35:36 -0300 Subject: [PATCH 1/3] * feat: better UX for selected text modal header --- src/components/Modal/Modal.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/Modal/Modal.scss b/src/components/Modal/Modal.scss index 171c32e4cf..399a336d03 100644 --- a/src/components/Modal/Modal.scss +++ b/src/components/Modal/Modal.scss @@ -30,6 +30,16 @@ transition: background 0.3s ease; } +.header ::-moz-selection { /* Code for Firefox */ + // color: red; + background: $darkBlue; +} + +.header ::selection { /* WebKit/Blink Browsers */ + // color: red; + background: $darkBlue; +} + .title { position: absolute; font-size: 22px; From 41c4cc20db1fa2926bd127b84033879451785ad5 Mon Sep 17 00:00:00 2001 From: Jadson Lourenco Date: Sat, 5 Nov 2022 12:11:42 -0300 Subject: [PATCH 2/3] * fix: Text selection not visible in modal dialog header --- src/components/Modal/Modal.scss | 10 ---------- src/stylesheets/base.scss | 18 +++++++++--------- 2 files changed, 9 insertions(+), 19 deletions(-) diff --git a/src/components/Modal/Modal.scss b/src/components/Modal/Modal.scss index 399a336d03..171c32e4cf 100644 --- a/src/components/Modal/Modal.scss +++ b/src/components/Modal/Modal.scss @@ -30,16 +30,6 @@ transition: background 0.3s ease; } -.header ::-moz-selection { /* Code for Firefox */ - // color: red; - background: $darkBlue; -} - -.header ::selection { /* WebKit/Blink Browsers */ - // color: red; - background: $darkBlue; -} - .title { position: absolute; font-size: 22px; diff --git a/src/stylesheets/base.scss b/src/stylesheets/base.scss index e0b15c47f6..e1a2ebf6ce 100644 --- a/src/stylesheets/base.scss +++ b/src/stylesheets/base.scss @@ -34,15 +34,15 @@ body { -webkit-font-smoothing: antialiased; } -::-moz-selection { - color: white; - background: $blue; -} - -::selection { - color: white; - background: $blue; -} +// ::-moz-selection { +// color: white; +// background: $blue; +// } + +// ::selection { +// color: white; +// background: $blue; +// } a { color: $blue; From eea6349bc5d0e40c3ac20a6a27126109672c4cce Mon Sep 17 00:00:00 2001 From: Jadson Lourenco Date: Sat, 5 Nov 2022 12:13:38 -0300 Subject: [PATCH 3/3] * fix: Text selection not visible in modal dialog header --- src/stylesheets/base.scss | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/src/stylesheets/base.scss b/src/stylesheets/base.scss index e1a2ebf6ce..a20965a316 100644 --- a/src/stylesheets/base.scss +++ b/src/stylesheets/base.scss @@ -34,16 +34,6 @@ body { -webkit-font-smoothing: antialiased; } -// ::-moz-selection { -// color: white; -// background: $blue; -// } - -// ::selection { -// color: white; -// background: $blue; -// } - a { color: $blue; cursor: pointer;