deepsky 2.54.15 → 2.54.24

package/dist/index.css

@@ -2552,11 +2552,23 @@ div[data-v-136c7c52] {
 
 
 .cube-todo {
-.todoitem[data-v-790c0333] {
+.todoitem {
+&[data-v-7b40fb6e] {
         display: flex;
+        transition: opacity 0.14s ease, box-shadow 0.14s ease;
+}
+&.dragging[data-v-7b40fb6e] {
+            opacity: 0.45;
+}
+&.drop-before[data-v-7b40fb6e] {
+            box-shadow: inset 0 2px 0 var(--selection-bg);
+}
+&.drop-after[data-v-7b40fb6e] {
+            box-shadow: inset 0 -2px 0 var(--selection-bg);
+}
 }
 .todoitem-status {
-&[data-v-790c0333] {
+&[data-v-7b40fb6e] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2564,7 +2576,7 @@ div[data-v-136c7c52] {
         aspect-ratio: 1;
         margin: 8px;
         width: calc(14px + var(--line-padding) * 2 + var(--line-margin) * 2);
-        cursor: pointer;
+        cursor: grab;
         position: relative;
         overflow: hidden;
         align-self: start;
@@ -2572,8 +2584,10 @@ div[data-v-136c7c52] {
         align-items: center;
         justify-content: center;
         transition: 0.3s;
+        touch-action: none;
+        user-select: none;
 }
-&[data-v-790c0333]::before {
+&[data-v-7b40fb6e]::before {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2581,7 +2595,7 @@ div[data-v-136c7c52] {
             height: 2px;
             background: var(--color);
 }
-&[data-v-790c0333]::after {
+&[data-v-7b40fb6e]::after {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2589,13 +2603,16 @@ div[data-v-136c7c52] {
             height: 2px;
             background: var(--color);
 }
+&[data-v-7b40fb6e]:active {
+            cursor: grabbing;
+}
 }
 .active {
-&[data-v-790c0333] {
+&[data-v-7b40fb6e] {
         background: var(--todoitem-status-active-bg);
         border: none;
 }
-&[data-v-790c0333]::before {
+&[data-v-7b40fb6e]::before {
             content: "";
             position: absolute;
             width: 34%;
@@ -2605,7 +2622,7 @@ div[data-v-136c7c52] {
             left: 14%;
             top: 60%;
 }
-&[data-v-790c0333]::after {
+&[data-v-7b40fb6e]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2616,16 +2633,16 @@ div[data-v-136c7c52] {
             top: 50%;
 }
 }
-.active + .todoitem-box[data-v-790c0333] {
+.active + .todoitem-box[data-v-7b40fb6e] {
         color: var(--todoitem-done-color);
 }
 .todoitem-box {
-&[data-v-790c0333] {
+&[data-v-7b40fb6e] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-790c0333]:focus-within,
-        &[data-v-790c0333]:hover {
+&[data-v-7b40fb6e]:focus-within,
+        &[data-v-7b40fb6e]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2689,15 +2706,25 @@ div[data-v-136c7c52] {
 
 .cube-list {
 .listitem {
-&[data-v-7586aaa0] {
+&[data-v-dec04964] {
         display: flex;
+        transition: opacity 0.14s ease, box-shadow 0.14s ease;
 }
-&:hover .listitem-symbol[data-v-7586aaa0]::before {
+&:hover .listitem-symbol[data-v-dec04964]::before {
             scale: 1;
 }
+&.dragging[data-v-dec04964] {
+            opacity: 0.45;
+}
+&.drop-before[data-v-dec04964] {
+            box-shadow: inset 0 2px 0 var(--selection-bg);
+}
+&.drop-after[data-v-dec04964] {
+            box-shadow: inset 0 -2px 0 var(--selection-bg);
+}
 }
 .listitem-symbol {
-&[data-v-7586aaa0] {
+&[data-v-dec04964] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2713,8 +2740,11 @@ div[data-v-136c7c52] {
         justify-content: center;
         transition: 0.3s;
         border-radius: 36px;
+        cursor: grab;
+        touch-action: none;
+        user-select: none;
 }
-&[data-v-7586aaa0]::before {
+&[data-v-dec04964]::before {
             content: "";
             transition: 0.3s;
             width: 14px;
@@ -2723,12 +2753,15 @@ div[data-v-136c7c52] {
             border-radius: 20px;
             background: var(--color);
 }
+&[data-v-dec04964]:active {
+            cursor: grabbing;
+}
 }
 .active {
-&[data-v-7586aaa0] {
+&[data-v-dec04964] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-7586aaa0]::before {
+&[data-v-dec04964]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2738,7 +2771,7 @@ div[data-v-136c7c52] {
             left: 10%;
             top: 65%;
 }
-&[data-v-7586aaa0]::after {
+&[data-v-dec04964]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2749,16 +2782,16 @@ div[data-v-136c7c52] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-7586aaa0] {
+.active + .listitem-box[data-v-dec04964] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-7586aaa0] {
+&[data-v-dec04964] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-7586aaa0]:focus-within,
-        &[data-v-7586aaa0]:hover {
+&[data-v-dec04964]:focus-within,
+        &[data-v-dec04964]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2766,13 +2799,26 @@ div[data-v-136c7c52] {
 
 
 .cube-list-ordered {
-.listitem[data-v-7867e1df] {
+.listitem {
+&[data-v-097bf2ea] {
         display: flex;
+        transition: opacity 0.14s ease, box-shadow 0.14s ease;
+}
+&.dragging[data-v-097bf2ea] {
+            opacity: 0.45;
+}
+&.drop-before[data-v-097bf2ea] {
+            box-shadow: inset 0 2px 0 var(--selection-bg);
+}
+&.drop-after[data-v-097bf2ea] {
+            box-shadow: inset 0 -2px 0 var(--selection-bg);
 }
-.listitem:hover .listitem-symbol[data-v-7867e1df] {
+}
+.listitem:hover .listitem-symbol[data-v-097bf2ea] {
         background: var(--list-ordered-symbol-hover-bg);
 }
-.listitem-symbol[data-v-7867e1df] {
+.listitem-symbol {
+&[data-v-097bf2ea] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2788,12 +2834,19 @@ div[data-v-136c7c52] {
         align-items: center;
         justify-content: center;
         transition: 0.3s;
+        cursor: grab;
+        touch-action: none;
+        user-select: none;
+}
+&[data-v-097bf2ea]:active {
+            cursor: grabbing;
+}
 }
 .active {
-&[data-v-7867e1df] {
+&[data-v-097bf2ea] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-7867e1df]::before {
+&[data-v-097bf2ea]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2803,7 +2856,7 @@ div[data-v-136c7c52] {
             left: 10%;
             top: 65%;
 }
-&[data-v-7867e1df]::after {
+&[data-v-097bf2ea]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2814,16 +2867,16 @@ div[data-v-136c7c52] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-7867e1df] {
+.active + .listitem-box[data-v-097bf2ea] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-7867e1df] {
+&[data-v-097bf2ea] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-7867e1df]:focus-within,
-        &[data-v-7867e1df]:hover {
+&[data-v-097bf2ea]:focus-within,
+        &[data-v-097bf2ea]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -6813,14 +6866,14 @@ img[data-v-2e0ffeef] {
 }
 
 
-.sidebar-hotkeys[data-v-4b9fa592] {
+.sidebar-hotkeys[data-v-651d16d9] {
     height: 100%;
     overflow-y: auto;
     user-select: none;
     padding: 4px 4px 12px;
     color: var(--dialog-cubelist-input-color);
 }
-.hotkey-summary[data-v-4b9fa592] {
+.hotkey-summary[data-v-651d16d9] {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -6831,19 +6884,19 @@ img[data-v-2e0ffeef] {
     border-radius: 6px;
     background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 90%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #0891b2) 8%, transparent) 100%);
 }
-.summary-title[data-v-4b9fa592] {
+.summary-title[data-v-651d16d9] {
     font-size: 14px;
     font-weight: 700;
 }
-.summary-count[data-v-4b9fa592] {
+.summary-count[data-v-651d16d9] {
     font-size: 12px;
     color: color-mix(in srgb, var(--dialog-cubelist-input-color) 68%, transparent);
 }
-.hotkey-groups[data-v-4b9fa592] {
+.hotkey-groups[data-v-651d16d9] {
     column-width: 300px;
     gap: 10px;
 }
-.hotkey-group[data-v-4b9fa592] {
+.hotkey-group[data-v-651d16d9] {
     min-width: 0;
     overflow: hidden;
     border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 18%, transparent);
@@ -6852,7 +6905,7 @@ img[data-v-2e0ffeef] {
     box-shadow: 0 8px 18px color-mix(in srgb, var(--selection-bg, #0891b2) 6%, transparent);
     margin-bottom: 10px;
 }
-.group-header[data-v-4b9fa592] {
+.group-header[data-v-651d16d9] {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -6861,11 +6914,11 @@ img[data-v-2e0ffeef] {
     background: var(--ui-config-group-title-bg);
     color: var(--ui-config-group-title-color);
 }
-.group-name[data-v-4b9fa592] {
+.group-name[data-v-651d16d9] {
     font-size: 13px;
     font-weight: 700;
 }
-.group-count[data-v-4b9fa592] {
+.group-count[data-v-651d16d9] {
     min-width: 24px;
     text-align: center;
     padding: 1px 7px;
@@ -6873,11 +6926,11 @@ img[data-v-2e0ffeef] {
     background: color-mix(in srgb, var(--selection-bg, #0891b2) 16%, transparent);
     font-size: 12px;
 }
-.hotkey-table[data-v-4b9fa592] {
+.hotkey-table[data-v-651d16d9] {
     display: grid;
     padding: 6px;
 }
-.hotkey-row[data-v-4b9fa592] {
+.hotkey-row[data-v-651d16d9] {
     display: grid;
     grid-template-columns: minmax(120px, 1fr) minmax(120px, 1.2fr);
     align-items: center;
@@ -6887,21 +6940,21 @@ img[data-v-2e0ffeef] {
     border-radius: 4px;
     font-size: 13px;
 }
-.hotkey-row[data-v-4b9fa592]:not(.hotkey-head):hover {
+.hotkey-row[data-v-651d16d9]:not(.hotkey-head):hover {
     background: var(--dialog-cubelist-itembox-hover-bg);
 }
-.hotkey-head[data-v-4b9fa592] {
+.hotkey-head[data-v-651d16d9] {
     min-height: 30px;
     color: color-mix(in srgb, var(--dialog-cubelist-input-color) 62%, transparent);
     font-size: 12px;
 }
-.hotkey-name[data-v-4b9fa592] {
+.hotkey-name[data-v-651d16d9] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.hotkey-shortcut[data-v-4b9fa592] {
+.hotkey-shortcut[data-v-651d16d9] {
     justify-self: start;
     max-width: 100%;
     padding: 3px 7px;
@@ -6915,10 +6968,10 @@ img[data-v-2e0ffeef] {
     overflow-wrap: anywhere;
 }
 @media (max-width: 720px) {
-.hotkey-groups[data-v-4b9fa592] {
+.hotkey-groups[data-v-651d16d9] {
         grid-template-columns: 1fr;
 }
-.hotkey-row[data-v-4b9fa592] {
+.hotkey-row[data-v-651d16d9] {
         grid-template-columns: minmax(94px, 0.9fr) minmax(110px, 1fr);
 }
 }