Update actor sheet

2025-12-20 00:09:42 +01:00
parent 65dfb3ddff
commit 189b03ca91
24 changed files with 4669 additions and 1791 deletions
@@ -0,0 +1,99 @@
+// Sub-attributes tab styling
+
+.character-subattributes.tab {
+  .subattributes-content {
+    padding: 1rem;
+
+    .subattributes-list {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      gap: 1rem;
+    }
+
+    .subattribute-item {
+      background: rgba(0, 0, 0, 0.1);
+      border: 1px solid var(--color-border-dark-secondary);
+      border-radius: 4px;
+      padding: 0.75rem;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+
+      .subattribute-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 0.5rem;
+      }
+
+      .subattribute-name {
+        font-weight: bold;
+        font-size: 1.1em;
+        color: var(--color-text-dark-primary);
+      }
+
+      .subattribute-value {
+        input {
+          width: 3em;
+          text-align: center;
+          font-weight: bold;
+          font-size: 1.2em;
+          background: rgba(255, 255, 255, 0.1);
+          border: 1px solid var(--color-border-dark-tertiary);
+          border-radius: 3px;
+          padding: 0.25rem;
+          color: var(--color-text-dark-primary);
+
+          &:disabled {
+            opacity: 0.9;
+            cursor: default;
+          }
+        }
+      }
+
+      .subattribute-details {
+        display: flex;
+        flex-direction: column;
+        gap: 0.25rem;
+        font-size: 0.9em;
+        color: var(--color-text-dark-secondary);
+      }
+
+      .subattribute-parents {
+        font-style: italic;
+
+        .parent-char {
+          display: inline-block;
+          margin-right: 0.5rem;
+
+          .parent-name {
+            font-weight: 600;
+            color: var(--color-text-dark-primary);
+          }
+
+          .parent-value {
+            color: var(--color-text-dark-secondary);
+          }
+        }
+      }
+
+      .subattribute-description {
+        padding-top: 0.25rem;
+        border-top: 1px solid var(--color-border-dark-tertiary);
+        font-size: 0.85em;
+        line-height: 1.3;
+      }
+    }
+  }
+}
+
+// Responsive adjustments
+@media (max-width: 768px) {
+  .character-subattributes.tab {
+    .subattributes-content {
+      .subattributes-list {
+        grid-template-columns: 1fr;
+      }
+    }
+  }
+}