|
880 | 880 | .dbg-tab:hover:not(.active) { color: var(--text); } |
881 | 881 | .dbg-pane { min-height: 0; } |
882 | 882 |
|
883 | | - /* Deleted-spools list (debug → Deleted tab) */ |
884 | | - .dbg-del-row { |
885 | | - display: flex; align-items: center; gap: 10px; |
886 | | - padding: 8px 10px; |
887 | | - background: var(--surface-2); border: 1px solid var(--border); |
888 | | - border-radius: 8px; |
889 | | - } |
890 | | - .dbg-del-puck { |
891 | | - width: 22px; height: 36px; flex-shrink: 0; |
892 | | - border-radius: 4px; |
893 | | - border: 1px solid rgba(0,0,0,.12); |
894 | | - box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); |
895 | | - } |
896 | | - .dbg-del-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } |
897 | | - .dbg-del-name { |
898 | | - font-size: 12px; font-weight: 600; color: var(--text); |
899 | | - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; |
900 | | - } |
901 | | - .dbg-del-sub { |
902 | | - font-size: 10.5px; color: var(--muted); |
903 | | - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; |
904 | | - } |
905 | | - .dbg-del-tech { |
906 | | - font-size: 9.5px; color: var(--muted); font-family: var(--mono); |
907 | | - opacity: .75; |
908 | | - white-space: nowrap; overflow: hidden; text-overflow: ellipsis; |
909 | | - } |
910 | | - .dbg-del-restore { |
911 | | - flex-shrink: 0; |
912 | | - width: 30px; height: 30px; |
913 | | - display: flex; align-items: center; justify-content: center; |
914 | | - font-size: 16px; |
915 | | - } |
916 | | - .dbg-del-restore:hover { color: var(--primary); border-color: var(--primary); } |
917 | | - .dbg-del-restore:disabled { opacity: .5; cursor: not-allowed; } |
918 | | - |
919 | | - /* Permanent-delete button — red on hover to signal irreversibility */ |
920 | | - .dbg-del-purge { |
921 | | - flex-shrink: 0; |
922 | | - width: 30px; height: 30px; |
923 | | - display: flex; align-items: center; justify-content: center; |
924 | | - font-size: 14px; |
925 | | - } |
926 | | - .dbg-del-purge:hover { color: var(--danger); border-color: var(--danger); background: var(--danger-soft, rgba(220,38,38,.08)); } |
927 | | - .dbg-del-purge:disabled { opacity: .5; cursor: not-allowed; } |
928 | | - |
929 | | - /* Search box for the Deleted tab */ |
930 | | - .dbg-del-search { position: relative; } |
931 | | - .dbg-del-search .icon { |
932 | | - position: absolute; right: 10px; top: 50%; transform: translateY(-50%); |
933 | | - background: var(--muted); pointer-events: none; |
934 | | - } |
935 | | - .dbg-del-search input { |
936 | | - width: 100%; padding: 7px 30px 7px 10px; |
937 | | - background: var(--surface); border: 1px solid var(--border); |
938 | | - border-radius: 8px; color: var(--text); font-size: 12px; |
939 | | - font-family: inherit; outline: none; |
940 | | - transition: border-color .15s; |
941 | | - } |
942 | | - .dbg-del-search input:focus { border-color: var(--primary); } |
943 | 883 | .dbg-select { |
944 | 884 | padding: 6px 8px; background: var(--surface-2); border: 1px solid var(--border); |
945 | 885 | border-radius: 8px; font-size: 12px; color: var(--text); outline: none; cursor: pointer; |
|
0 commit comments