diff --git a/lib/zin/wg/thinkbasecheckbox/css/v1.css b/lib/zin/wg/thinkbasecheckbox/css/v1.css index d7f8edc95d..74c23883d6 100644 --- a/lib/zin/wg/thinkbasecheckbox/css/v1.css +++ b/lib/zin/wg/thinkbasecheckbox/css/v1.css @@ -9,3 +9,5 @@ .think-check-list .checkbox-primary.checked>label, .think-check-list .radio-primary>label {font-family: ZentaoIcon !important; padding-left: 14px;} .think-check-list .radio-primary>label:before, .think-check-list .radio-primary.checked>label:before, .think-check-list .radio-primary>input[type=radio]:checked+label:before {display: none;} .think-check-list .radio-primary>label:after {--tw-content: "\e5ca"; color: var(--color-primary-500); font-size: 14px; background-color: unset; top: -2px; left: 2px; font-weight: 600;} +.think-check-list[disabled] .item-control {background-color: rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity)); border-color: rgba(var(--color-gray-300-rgb),var(--tw-border-opacity)); --tw-bg-opacity: .6; color: rgba(var(--color-black-rgb),var(--tw-text-opacity));} +.think-check-list[disabled] .item-control.is-checked {background-color: rgba(var(--color-gray-300-rgb),var(--tw-bg-opacity)); --tw-bg-opacity: .4;} diff --git a/lib/zin/wg/thinkbasecheckbox/v1.php b/lib/zin/wg/thinkbasecheckbox/v1.php index fce3e68cf1..6d7b0727d0 100644 --- a/lib/zin/wg/thinkbasecheckbox/v1.php +++ b/lib/zin/wg/thinkbasecheckbox/v1.php @@ -64,7 +64,7 @@ class thinkBaseCheckbox extends wg { return div ( - setClass('item-control has-input w-full py-2 px-3 flex gap-3 items-center justify-between border cursor-pointer ' . $itemClass), + setClass('item-control has-input w-full py-2 px-3 flex gap-3 items-center justify-between border cursor-pointer rounded ' . $itemClass), setData('type', $this->prop('type')), !$disabled ? on::click('toggleChecked') : null, div @@ -98,7 +98,7 @@ class thinkBaseCheckbox extends wg ( setData('type', $this->prop('type')), !$disabled ? on::click('toggleChecked') : null, - setClass('item-control w-full py-2 px-3 flex gap-3 items-center justify-between border cursor-pointer ' . $itemClass), + setClass('item-control w-full py-2 px-3 flex gap-3 items-center justify-between border cursor-pointer rounded ' . $itemClass), div(setClass('text-md flex-1 break-all'), $text), new checkbox ( diff --git a/lib/zin/wg/thinkmulticolumn/css/v1.css b/lib/zin/wg/thinkmulticolumn/css/v1.css index ebd562c83e..30cab122f1 100644 --- a/lib/zin/wg/thinkmulticolumn/css/v1.css +++ b/lib/zin/wg/thinkmulticolumn/css/v1.css @@ -6,3 +6,4 @@ .think-form-batch .form-batch-head[data-name="ACTIONS"], .think-form-batch .form-batch-row-actions {width: 3.325rem; position: sticky; right: 0; background: var(--color-canvas);} .think-form-batch .form-batch-head[data-name="ACTIONS"] .form-label {display: none;} .think-form-batch .form-batch-row-actions .btn {color: var(--color-primary-500);} +.think-form-batch .form-control[disabled] {background-color: rgba(var(--color-gray-100-rgb),var(--tw-bg-opacity)); --tw-bg-opacity: .4; color:rgba(var(--color-gray-700-rgb),var(--tw-bg-opacity))}