From c039e8122608cfe12285d74352c6ce7c24b84b49 Mon Sep 17 00:00:00 2001 From: Sahid Hossen Date: Fri, 22 Nov 2019 12:58:15 +0600 Subject: [PATCH 1/3] Fixed readonly and disabled field css style --- administrator/templates/khonsu/scss/blocks/_form.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/administrator/templates/khonsu/scss/blocks/_form.scss b/administrator/templates/khonsu/scss/blocks/_form.scss index b51b19d5abf..7ac30081424 100644 --- a/administrator/templates/khonsu/scss/blocks/_form.scss +++ b/administrator/templates/khonsu/scss/blocks/_form.scss @@ -30,6 +30,15 @@ joomla-field-fancy-select { outline: 0; border-color: var(--primary-color); } + &:read-only, &:disabled { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: var(--bg-light-color); + color: rgba($black, 0.15); + border-color: var(--border-color); + } } .form-group { From 6f943a14d71ef68be0cea6b7bf869e08a9f97b4e Mon Sep 17 00:00:00 2001 From: Sahid Hossen Date: Wed, 27 Nov 2019 16:27:11 +0600 Subject: [PATCH 2/3] change readonly and disabled field css style --- administrator/templates/khonsu/scss/blocks/_form.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/administrator/templates/khonsu/scss/blocks/_form.scss b/administrator/templates/khonsu/scss/blocks/_form.scss index 7ac30081424..73257fa9e26 100644 --- a/administrator/templates/khonsu/scss/blocks/_form.scss +++ b/administrator/templates/khonsu/scss/blocks/_form.scss @@ -30,13 +30,16 @@ joomla-field-fancy-select { outline: 0; border-color: var(--primary-color); } - &:read-only, &:disabled { + &:read-only { + color: rgba($black, 0.35); + } + &:disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--bg-light-color); - color: rgba($black, 0.15); + color: rgba($black, 0.35); border-color: var(--border-color); } } From aef3acf9a0031e882301a8fb70b814ff67df7de8 Mon Sep 17 00:00:00 2001 From: Sahid Hossen Date: Thu, 5 Dec 2019 17:10:09 +0600 Subject: [PATCH 3/3] Change disabled and read-only field more darker for disabled-ish state --- administrator/templates/khonsu/scss/blocks/_form.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/administrator/templates/khonsu/scss/blocks/_form.scss b/administrator/templates/khonsu/scss/blocks/_form.scss index 73257fa9e26..99aa505bfc3 100644 --- a/administrator/templates/khonsu/scss/blocks/_form.scss +++ b/administrator/templates/khonsu/scss/blocks/_form.scss @@ -32,13 +32,14 @@ joomla-field-fancy-select { } &:read-only { color: rgba($black, 0.35); + background-color: var(--bg-color); } &:disabled { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - background-color: var(--bg-light-color); + background-color: var(--bg-color); color: rgba($black, 0.35); border-color: var(--border-color); }