UXの大幅な改善

web/static/css/style.css

@@ -151,6 +151,12 @@ main {
     }
 }
 
+.custom-table thead {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
 .custom-table thead th {
     border-bottom: 2px solid #dee2e6;
     font-size: 0.8rem;
@@ -158,6 +164,7 @@ main {
     font-weight: 600;
     padding: 0.35rem 0.5rem;
     white-space: nowrap;
+    background-color: #f1f3f5;
 }
 
 .custom-table tbody tr {
@@ -271,3 +278,83 @@ main {
     opacity: 1;
     transform: translateY(0);
 }
+
+.title-clamp {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-all;
+}
+
+.sort-th a {
+    color: inherit;
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+}
+.sort-th a:hover { color: var(--primary-color); }
+
+.subject-group-row td {
+    background-color: #e9ecef;
+    font-weight: 700;
+    font-size: 0.8rem;
+    padding: 0.2rem 0.5rem;
+    cursor: pointer;
+    user-select: none;
+}
+
+.assignment-row[data-priority="high"] td:first-child {
+    box-shadow: inset 3px 0 0 #dc3545;
+}
+.assignment-row[data-priority="medium"] td:first-child {
+    box-shadow: inset 3px 0 0 #fd7e14;
+}
+.assignment-row[data-priority="low"] td:first-child {
+    box-shadow: inset 3px 0 0 #adb5bd;
+}
+
+tr.row-pinned {
+    background-color: #fffbe6 !important;
+}
+tr.row-pinned:hover {
+    background-color: #fff3cd !important;
+}
+.pin-btn.pinned { color: #ffc107; }
+.pin-btn:not(.pinned) { color: #dee2e6; }
+.pin-btn:not(.pinned):hover { color: #ffc107; }
+
+#bulkBar {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: #4361ee;
+    color: #fff;
+    padding: 0.4rem 0.75rem;
+    border-radius: 0.5rem;
+    margin-bottom: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.kanban-col-body {
+    min-height: 100px;
+    max-height: 70vh;
+    overflow-y: auto;
+}
+.kanban-card {
+    background: #fff;
+    border: 1px solid #dee2e6;
+    border-radius: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.85rem;
+}
+.kanban-card:last-child { margin-bottom: 0; }
+
+tr.kb-focus {
+    outline: 2px solid var(--primary-color);
+    outline-offset: -2px;
+}