Current Path : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/ui/short-view/dist/ |
Current File : /var/www/www-root/data/www/monolith-realty.ru/bitrix/js/ui/short-view/dist/short.view.bundle.css |
.tasks-scrum__scope-switcher { --tasks_scrum_switcher-white: rgba(255,255,255,1); --tasks_scrum_switcher-white_alpha_80: rgba(255,255,255,.8); --tasks_scrum_switcher-grey: rgba(227,229,232,1); --tasks_scrum_switcher-grey-2: rgba(82,92,105,1); --tasks_scrum_switcher-grey-2_alpha_80: rgba(82,92,105,.8); --tasks_scrum_switcher-grey-2_alpha_10: rgba(82,92,105,.1); --tasks_scrum_switcher-blue: rgba(47,198,246,1); } .tasks-scrum__switcher--container { display: inline-flex; align-items: center; border-radius: 16px; font: 14px/14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); padding: 8px 10px 8px 16px; position: relative; } .tasks-scrum__switcher--label { display: flex; width: auto; cursor: pointer; transition: .4s; color: var(--tasks_scrum_switcher-white_alpha_80); line-height: normal; } .tasks-scrum__switcher--label:hover { color: var(--tasks_scrum_switcher-white); } .bitrix24-default-theme .tasks-scrum__switcher--label, .bitrix24-dark-theme .tasks-scrum__switcher--label { color: var(--tasks_scrum_switcher-grey-2_alpha_80); } .bitrix24-default-theme .tasks-scrum__switcher--label:hover, .bitrix24-dark-theme .tasks-scrum__switcher--label:hover { color: var(--tasks_scrum_switcher-grey-2); } .tasks-scrum__switcher--checkbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; margin: 0; } .tasks-scrum__switcher-cursor { position: relative; display: block; height: 17px; width: 43px; border-radius: 54px; box-sizing: border-box; cursor: pointer; z-index: 4; background: var(--tasks_scrum_switcher-grey); margin-left: 14px; transition: .4s; } .bitrix24-default-theme .tasks-scrum__switcher-cursor, .bitrix24-dark-theme .tasks-scrum__switcher-cursor { background: var(--tasks_scrum_switcher-grey-2_alpha_10); } .tasks-scrum__switcher-cursor::before { content: ''; display: block; width: 11px; height: 11px; position: absolute; top: 3px; border-radius: 50%; background: var(--tasks_scrum_switcher-white); box-shadow: 0 1px 1px rgba(0,0,0,.09); transform: translate(4px, 0); transition: transform .3s; z-index: 3; } .tasks-scrum__switcher--checkbox:checked + .tasks-scrum__switcher-cursor { background: var(--tasks_scrum_switcher-blue); } .tasks-scrum__switcher--checkbox:checked + .tasks-scrum__switcher-cursor::before { transform: translate(28px, 0); } @media (max-width: 1400px) { .bx-layout-table:not(.menu-collapsed-mode) .tasks-scrum__switcher--container { padding: 8px; } .bx-layout-table:not(.menu-collapsed-mode) .tasks-scrum__switcher--label-text { display: none; } .bx-layout-table:not(.menu-collapsed-mode) .tasks-scrum__switcher-cursor { margin-left: 0; } }