ali
/
jey_theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed visual bug where toggled read-only check displayed as toggled-off

This commit is contained in:
Ali 2025-03-25 15:18:04 +04:00
parent 11ff2f70f7
commit 92b5344130
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
jey_theme/public/css/jey_theme.css
View File

@ -258,6 +258,28 @@ input[type="checkbox"]:active::after {
box-shadow: inset 2px 2px 4px #babec6, inset -2px -2px 4px #ffffff !important;
}
/* Стили для включенного, но недоступного чекбокса */
input[type="checkbox"]:checked:disabled,
input[type="checkbox"].disabled-selected {
background-color: #a8d4aa !important; /* Более светлый зеленый цвет */
opacity: 0.7 !important; /* Добавляем прозрачность для отображения неактивного состояния */
box-shadow: 4px 4px 6px #babec6, -4px -4px 6px #ffffff !important;
cursor: not-allowed !important; /* Изменяем курсор для недоступного элемента */
}
input[type="checkbox"]:checked:disabled::after,
input[type="checkbox"].disabled-selected::after {
left: 20px !important; /* Такая же позиция, как у обычного включенного чекбокса */
opacity: 0.8 !important;
box-shadow: 2px 2px 4px #babec6, -2px -2px 4px #ffffff !important;
}
/* Стили для выключенного и недоступного чекбокса */
input[type="checkbox"]:disabled {
opacity: 0.6 !important;
cursor: not-allowed !important;
background-image: none !important;
}
.form-links .document-link .btn-new {
box-shadow: 9px 9px 16px var(--shadow-color), -9px -9px 16px var(--highlight-color) !important;