From e62e0d032e91e2e9ee098a1abc233ce1eab20cf5 Mon Sep 17 00:00:00 2001 From: Ilia Ross Date: Mon, 29 Jan 2024 19:08:50 +0200 Subject: [PATCH] Add improvements for displaying disabled pages --- gray-theme/unauthenticated/gray-theme.css | 34 ++++++++++++++++++++++- 1 file changed, 33 insertions(+), 1 deletion(-) diff --git a/gray-theme/unauthenticated/gray-theme.css b/gray-theme/unauthenticated/gray-theme.css index 6da912158..bdc9e0a1a 100644 --- a/gray-theme/unauthenticated/gray-theme.css +++ b/gray-theme/unauthenticated/gray-theme.css @@ -710,16 +710,48 @@ body > .mode > b[data-mode="server-manager"] > a > .ff-cloudmin { .shell select[name="pcmd"] { max-width: 65vw; } - +/* Disabled pages tweaks */ [data-pro-disabled$="-link"] { filter: grayscale(1) contrast(0.1); opacity: 1; } +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_label:not([data-pro-disabled="cell"]) > b > label > a, +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_heads b, [data-pro-disabled="cell"], [data-pro-disabled$="-elem"] { filter:grayscale(1); opacity: .73; } +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value:not([data-pro-disabled="cell"]) > .ui_multi_select .ui_multi_select_heads b { + opacity: .61; +} +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"], +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select { + color: rgba(118, 118, 118, 0.4); + pointer-events: none; + opacity: 0.8; +} +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"] { + opacity: 0.3; +} +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value:only-child { + color: rgba(18, 18, 18, 0.7); + filter: grayscale(1) contrast(0.9); + pointer-events: none; +} +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select { + background-color: rgba(239, 239, 239, 0.3); + border-color: rgba(118, 118, 118, 0.3); + box-shadow: none; +} +.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row > td, +.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons { + cursor: not-allowed; +} +.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons [name="create"] { + pointer-events: none; + opacity: 0.4; +} [data-pro-disabled$="-elem"] input:not([type="radio"]):not([type="checkbox"]) { filter: grayscale(1) contrast(0.9); }