content & style opti, new tool annotation
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
This commit is contained in:
parent
0db35a0d2c
commit
6e1472d2fb
21 changed files with 1112 additions and 194 deletions
|
|
@ -145,9 +145,16 @@ input[type="checkbox"]:focus-visible {
|
|||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.themed-scrollbar,
|
||||
.legacy-scrollbar {
|
||||
scrollbar-color: rgb(79, 26, 114) transparent;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
.filter-options::-webkit-scrollbar,
|
||||
.drawer-panel::-webkit-scrollbar,
|
||||
.damage-table-wrap::-webkit-scrollbar,
|
||||
.themed-scrollbar::-webkit-scrollbar,
|
||||
.legacy-scrollbar::-webkit-scrollbar {
|
||||
background-color: transparent;
|
||||
width: 6px;
|
||||
|
|
@ -158,6 +165,7 @@ input[type="checkbox"]:focus-visible {
|
|||
.filter-options::-webkit-scrollbar-track,
|
||||
.drawer-panel::-webkit-scrollbar-track,
|
||||
.damage-table-wrap::-webkit-scrollbar-track,
|
||||
.themed-scrollbar::-webkit-scrollbar-track,
|
||||
.legacy-scrollbar::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
|
|
@ -167,11 +175,16 @@ input[type="checkbox"]:focus-visible {
|
|||
.filter-options::-webkit-scrollbar-thumb,
|
||||
.drawer-panel::-webkit-scrollbar-thumb,
|
||||
.damage-table-wrap::-webkit-scrollbar-thumb,
|
||||
.themed-scrollbar::-webkit-scrollbar-thumb,
|
||||
.legacy-scrollbar::-webkit-scrollbar-thumb {
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(79, 26, 114)), color-stop(1, rgb(44, 1, 135)));
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
body.is-modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.primary {
|
||||
border-color: rgba(246, 196, 83, 0.34);
|
||||
background:
|
||||
|
|
@ -224,18 +237,22 @@ input[type="checkbox"]:focus-visible {
|
|||
inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-delete-button,
|
||||
.tool-quick-add-button {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.checklist-delete-button,
|
||||
.tool-quick-add-button
|
||||
) {
|
||||
display: inline-flex;
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
|
|
@ -257,35 +274,43 @@ input[type="checkbox"]:focus-visible {
|
|||
box-shadow var(--duration-fast) var(--ease-standard);
|
||||
}
|
||||
|
||||
.sidebar-action-button .ui-icon,
|
||||
.import-icon-button .ui-icon,
|
||||
.toolbox-icon-button .ui-icon,
|
||||
.card-icon-button .ui-icon,
|
||||
.drawer-action-button .ui-icon,
|
||||
.drawer-close-button .ui-icon,
|
||||
.filter-reset-button .ui-icon,
|
||||
.screenshot-viewer-button .ui-icon,
|
||||
.module-edit-button .ui-icon,
|
||||
.module-delete-button .ui-icon,
|
||||
.shot-delete-button .ui-icon,
|
||||
.tool-quick-add-button .ui-icon {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.checklist-delete-button,
|
||||
.tool-quick-add-button
|
||||
) .ui-icon {
|
||||
transition:
|
||||
background-color var(--duration-fast) var(--ease-standard),
|
||||
filter var(--duration-fast) var(--ease-standard);
|
||||
}
|
||||
|
||||
.sidebar-action-button:hover,
|
||||
.import-icon-button:hover,
|
||||
.toolbox-icon-button:hover,
|
||||
.card-icon-button:hover,
|
||||
.drawer-action-button:hover,
|
||||
.drawer-close-button:hover,
|
||||
.filter-reset-button:hover,
|
||||
.screenshot-viewer-button:hover,
|
||||
.module-edit-button:hover,
|
||||
.module-delete-button:hover,
|
||||
.shot-delete-button:hover,
|
||||
.tool-quick-add-button:hover {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.checklist-delete-button,
|
||||
.tool-quick-add-button
|
||||
):hover {
|
||||
border-color: rgba(196, 181, 253, 0.32);
|
||||
background:
|
||||
linear-gradient(135deg, rgba(31, 37, 68, 0.94), rgba(18, 22, 44, 0.96)) padding-box,
|
||||
|
|
@ -296,18 +321,21 @@ input[type="checkbox"]:focus-visible {
|
|||
inset 0 1px 0 rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.sidebar-action-button.primary,
|
||||
.import-icon-button.primary,
|
||||
.toolbox-icon-button.primary,
|
||||
.card-icon-button.primary,
|
||||
.drawer-action-button.primary,
|
||||
.drawer-close-button.primary,
|
||||
.filter-reset-button.primary,
|
||||
.screenshot-viewer-button.primary,
|
||||
.module-edit-button.primary,
|
||||
.module-delete-button.primary,
|
||||
.shot-delete-button.primary,
|
||||
.tool-quick-add-button.primary {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.tool-quick-add-button
|
||||
).primary {
|
||||
border-color: rgba(246, 196, 83, 0.34);
|
||||
background:
|
||||
linear-gradient(135deg, rgba(72, 43, 160, 0.96), rgba(45, 52, 146, 0.94)) padding-box,
|
||||
|
|
@ -318,18 +346,21 @@ input[type="checkbox"]:focus-visible {
|
|||
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.sidebar-action-button.primary:hover,
|
||||
.import-icon-button.primary:hover,
|
||||
.toolbox-icon-button.primary:hover,
|
||||
.card-icon-button.primary:hover,
|
||||
.drawer-action-button.primary:hover,
|
||||
.drawer-close-button.primary:hover,
|
||||
.filter-reset-button.primary:hover,
|
||||
.screenshot-viewer-button.primary:hover,
|
||||
.module-edit-button.primary:hover,
|
||||
.module-delete-button.primary:hover,
|
||||
.shot-delete-button.primary:hover,
|
||||
.tool-quick-add-button.primary:hover {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.tool-quick-add-button
|
||||
).primary:hover {
|
||||
border-color: rgba(246, 196, 83, 0.72);
|
||||
background:
|
||||
linear-gradient(135deg, rgba(109, 40, 217, 0.98), rgba(67, 56, 202, 0.96)) padding-box,
|
||||
|
|
@ -342,30 +373,32 @@ input[type="checkbox"]:focus-visible {
|
|||
inset 0 1px 0 rgba(255, 255, 255, 0.18);
|
||||
}
|
||||
|
||||
.sidebar-action-button:hover .ui-icon,
|
||||
.import-icon-button:hover .ui-icon,
|
||||
.toolbox-icon-button:hover .ui-icon,
|
||||
.card-icon-button:hover .ui-icon,
|
||||
.drawer-action-button:hover .ui-icon,
|
||||
.drawer-close-button:hover .ui-icon,
|
||||
.filter-reset-button:hover .ui-icon,
|
||||
.screenshot-viewer-button:hover .ui-icon,
|
||||
.module-edit-button:hover .ui-icon,
|
||||
.tool-quick-add-button:hover .ui-icon {
|
||||
:is(
|
||||
.sidebar-action-button,
|
||||
.import-icon-button,
|
||||
.toolbox-icon-button,
|
||||
.card-icon-button,
|
||||
.drawer-action-button,
|
||||
.drawer-close-button,
|
||||
.filter-reset-button,
|
||||
.screenshot-viewer-button,
|
||||
.module-edit-button,
|
||||
.module-delete-button,
|
||||
.shot-annotate-button,
|
||||
.shot-delete-button,
|
||||
.checklist-delete-button,
|
||||
.tool-quick-add-button
|
||||
):hover .ui-icon {
|
||||
background-color: #c4b5fd;
|
||||
filter: drop-shadow(0 0 6px rgba(196, 181, 253, 0.28));
|
||||
}
|
||||
|
||||
.card-icon-button.danger,
|
||||
.module-delete-button.danger,
|
||||
.shot-delete-button.danger {
|
||||
:is(.card-icon-button, .module-delete-button, .shot-delete-button, .checklist-delete-button).danger {
|
||||
border-color: rgba(251, 113, 133, 0.2);
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.card-icon-button.danger:hover,
|
||||
.module-delete-button.danger:hover,
|
||||
.shot-delete-button.danger:hover {
|
||||
:is(.card-icon-button, .module-delete-button, .shot-delete-button, .checklist-delete-button).danger:hover {
|
||||
border-color: rgba(251, 113, 133, 0.56);
|
||||
background:
|
||||
linear-gradient(135deg, rgba(80, 25, 42, 0.72), rgba(48, 18, 34, 0.82)) padding-box,
|
||||
|
|
@ -376,9 +409,7 @@ input[type="checkbox"]:focus-visible {
|
|||
inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.card-icon-button.danger:hover .ui-icon,
|
||||
.module-delete-button.danger:hover .ui-icon,
|
||||
.shot-delete-button.danger:hover .ui-icon {
|
||||
:is(.card-icon-button, .module-delete-button, .shot-delete-button, .checklist-delete-button).danger:hover .ui-icon {
|
||||
background-color: #fff;
|
||||
filter: drop-shadow(0 0 6px rgba(251, 113, 133, 0.26));
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue