design

frontend/src/skeuomorphic_ws.css

@@ -122,10 +122,6 @@
   cursor: pointer;
 }
 
-.skeuo-item.is-zoomed .skeuo-item__card {
-  box-shadow: 0 18px 80px rgba(0, 0, 0, 0.8);
-}
-
 .skeuo-item.is-tag-target .skeuo-item__card {
   outline: 1em dashed var(--accent);
   outline-offset: 1.41em;
@@ -207,7 +203,7 @@
   max-height: calc(100% - 4rem);
   overflow: auto;
   padding: 0;
-  z-index: 20;
+  z-index: 100000;
 }
 
 .skeuo-tag-shelf .skeuo-tag {
@@ -273,7 +269,7 @@ body.skeuo-cursor-remove * {
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 12px 72px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.24);
   overflow: hidden;
 }
 
@@ -291,9 +287,6 @@ body.skeuo-cursor-remove * {
   gap: 0.5rem;
 }
 
-.skeuo-item__card img {
-}
-
 .skeuo-item__placeholder {
   font-size: 0.95rem;
   font-weight: 500;

frontend/src/skeuomorphic_ws.jsx

@@ -1321,7 +1321,6 @@ const SkeuomorphicWorkspace = ({
       <div
         className="skeuo-canvas"
         ref={containerRef}
-        tabIndex={1}
         data-active-tag={activeShelfTagId || undefined}
         onDragOver={handleCanvasDragOver}
         onDragLeave={handleCanvasDragLeave}
@@ -1408,7 +1407,6 @@ const SkeuomorphicWorkspace = ({
                 className={itemClasses.join(' ')}
                 style={style}
                 role="button"
-                tabIndex={matchesFilter ? 0 : -1}
                 data-doc-id={doc.id}
                 data-tag-ids={docTagTokens || undefined}
                 aria-hidden={matchesFilter ? undefined : 'true'}
@@ -1520,7 +1518,6 @@ const SkeuomorphicWorkspace = ({
                   onDragStart={(event) => handleShelfTagDragStart(event, tag)}
                   onDragEnd={handleShelfTagDragEndWithReset}
                   role="button"
-                  tabIndex={0}
                   onClick={(event) => {
                     event.preventDefault();
                     event.stopPropagation();