From 823d0228c949fe58a7e0f11f95354b240c3ea876 Mon Sep 17 00:00:00 2001 From: Alessio Gravili Date: Sat, 15 Apr 2023 19:37:28 +0200 Subject: [PATCH 1/4] fix: read-only styles --- src/admin/components/forms/field-types/RichText/index.scss | 5 +++-- src/admin/components/forms/field-types/Textarea/index.scss | 7 +++++++ 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/admin/components/forms/field-types/RichText/index.scss b/src/admin/components/forms/field-types/RichText/index.scss index 27ff876bab..bbf25b4906 100644 --- a/src/admin/components/forms/field-types/RichText/index.scss +++ b/src/admin/components/forms/field-types/RichText/index.scss @@ -102,7 +102,8 @@ &--read-only { .rich-text__editor { - background-color: var(--theme-elevation-150); + background: var(--theme-elevation-200); + color: var(--theme-elevation-450); padding: base(.5); .popup button { @@ -122,7 +123,7 @@ left: 0; right: 0; bottom: 0; - background-color: var(--theme-elevation-150); + background-color: var(--theme-elevation-200); opacity: .85; z-index: 2; backdrop-filter: unset; diff --git a/src/admin/components/forms/field-types/Textarea/index.scss b/src/admin/components/forms/field-types/Textarea/index.scss index ee065331f1..378a23e897 100644 --- a/src/admin/components/forms/field-types/Textarea/index.scss +++ b/src/admin/components/forms/field-types/Textarea/index.scss @@ -28,6 +28,13 @@ } } + &.read-only { + .textarea-outer { + background: var(--theme-elevation-200); + color: var(--theme-elevation-450); + } + } + // This element takes exactly the same dimensions as the clone .textarea-inner { display: block; From 4be43527e8de5aeefab7c440be460b21151ab316 Mon Sep 17 00:00:00 2001 From: Alessio Gravili Date: Sat, 15 Apr 2023 19:46:06 +0200 Subject: [PATCH 2/4] disable shadow for read-only textArea field --- src/admin/components/forms/field-types/Textarea/index.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/admin/components/forms/field-types/Textarea/index.scss b/src/admin/components/forms/field-types/Textarea/index.scss index 378a23e897..5d976ea7c7 100644 --- a/src/admin/components/forms/field-types/Textarea/index.scss +++ b/src/admin/components/forms/field-types/Textarea/index.scss @@ -32,6 +32,10 @@ .textarea-outer { background: var(--theme-elevation-200); color: var(--theme-elevation-450); + &:hover { + border-color: var(--theme-elevation-150); + @include shadow-sm; + } } } From ae88bade03a52fcf81383b1b4ede2dfb2162f646 Mon Sep 17 00:00:00 2001 From: Alessio Gravili Date: Sat, 15 Apr 2023 19:47:31 +0200 Subject: [PATCH 3/4] background => background-color --- src/admin/components/forms/field-types/RichText/index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/admin/components/forms/field-types/RichText/index.scss b/src/admin/components/forms/field-types/RichText/index.scss index bbf25b4906..8d4314934f 100644 --- a/src/admin/components/forms/field-types/RichText/index.scss +++ b/src/admin/components/forms/field-types/RichText/index.scss @@ -102,7 +102,7 @@ &--read-only { .rich-text__editor { - background: var(--theme-elevation-200); + background-color: var(--theme-elevation-200); color: var(--theme-elevation-450); padding: base(.5); From 9d489ed57f31626cc24eed81e4a9b4b4a1a0624c Mon Sep 17 00:00:00 2001 From: Alessio Gravili Date: Sat, 15 Apr 2023 19:48:28 +0200 Subject: [PATCH 4/4] actually no, background saves a few bytes --- src/admin/components/forms/field-types/RichText/index.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/admin/components/forms/field-types/RichText/index.scss b/src/admin/components/forms/field-types/RichText/index.scss index 8d4314934f..bbf25b4906 100644 --- a/src/admin/components/forms/field-types/RichText/index.scss +++ b/src/admin/components/forms/field-types/RichText/index.scss @@ -102,7 +102,7 @@ &--read-only { .rich-text__editor { - background-color: var(--theme-elevation-200); + background: var(--theme-elevation-200); color: var(--theme-elevation-450); padding: base(.5);