Datamodel + Appv2 migration, WIP

2026-01-13 08:09:11 +01:00
parent 93d35abde2
commit 364278527d
143 changed files with 3712 additions and 708 deletions
--- a/styles/global/item-list.less
+++ b/styles/global/item-list.less
@@ -0,0 +1,105 @@
+/* ----------------------------------------- */
+/*  Items List                               */
+/* ----------------------------------------- */
+
+.items-list {
+  list-style: none;
+  margin: 7px 0;
+  padding: 0;
+  overflow-y: hidden;
+
+  .item-header {
+    font-family: 'Signika', sans-serif;
+    font-size: 1em;
+    color: #4b4a44;
+    background-color: lightgray;
+
+    .item-name {
+      font-family: "Wolfsbane2Expanded", cursive;
+      font-size: 1.5em;
+    }
+  }
+
+  .item {
+    min-height: 30px;
+    line-height: 24px;
+    padding: 3px 0 3px 3px;
+    border-bottom: 1px solid #BBB;
+    align-items: stretch;
+
+    .item-image {
+      flex: 0 0 30px;
+      padding: 0;
+      margin: 0 5px 0 0;
+      height: 30px;
+      width: 30px;
+      min-height: 30px;
+      min-width: 30px;
+
+      img {
+        padding: 0;
+        margin: 0;
+        border: none;
+        height: 30px;
+        width: 30px;
+        min-height: 30px;
+        min-width: 30px;
+      }
+
+      &.roll-weapon,
+      &.roll-career {
+        background-color: transparent;
+        background-image: url("../../../icons/svg/dice-target.svg") !important;
+        background-size: 30px 30px;
+        background-repeat: no-repeat;
+        background-position: center;
+        cursor: pointer;
+
+        &:hover {
+          background-color: gray;
+
+          img {
+            visibility: hidden;
+          }
+        }
+      }
+    }
+
+    .item-name,
+    .item-field {
+      margin: 0;
+    }
+
+    .item-controls-1 {
+      flex: 0 0 18px;
+    }
+
+    .item-controls,
+    .item-controls-2 {
+      flex: 0 0 36px;
+    }
+
+    .item-controls-3 {
+      flex: 0 0 54px;
+    }
+
+    .item-control {
+      color: #4b4a44;
+    }
+  }
+
+  .item-name-fixed-medium {
+    min-width: 8rem;
+    width: 8rem;
+  }
+
+  .item-field-fixed-short {
+    max-width: 3rem;
+    min-width: 3rem;
+    width: 3rem;
+  }
+}
+
+.bougette-dice-img {
+  color: rgba(150, 44, 44, 0.70);
+}