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/forms.less
+++ b/styles/global/forms.less
@@ -0,0 +1,233 @@
+/* ----------------------------------------- */
+/*  Form Styles                              */
+/* ----------------------------------------- */
+
+.bol {
+  input[readonly="true"] {
+    border: none;
+    color: dimgray;
+    cursor: not-allowed;
+    width: 100%;
+    vertical-align: middle;
+    background: transparent;
+  }
+
+  input[type="text"],
+  input[type="number"],
+  input[type="text"]:hover,
+  input[type="number"]:hover,
+  input[type="text"]:focus,
+  input[type="number"]:focus {
+    border-radius: 0;
+    border: none;
+    box-shadow: none;
+  }
+
+  input:disabled:hover,
+  select:disabled:hover,
+  textarea:disabled:hover,
+  input:disabled:focus,
+  select:disabled:focus,
+  textarea:disabled:focus {
+    box-shadow: none !important;
+    border: 1px solid transparent !important;
+    outline: none !important;
+  }
+
+  button {
+    background: rgba(0, 0, 0, 0.1);
+  }
+
+  select {
+    box-shadow: none;
+    font-size: 14px;
+    text-align: center;
+    text-align-last: center;
+    -moz-text-align-last: center;
+    width: 100%;
+    border: none;
+    border-radius: 0;
+
+    &[multiple] {
+      box-shadow: none;
+      border: none;
+      font-size: 14px;
+
+      &:focus option:checked {
+        background: darkred linear-gradient(0deg, darkred 0%, darkred 100%);
+        color: white;
+      }
+    }
+  }
+
+  option {
+    font-size: 14px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &:hover,
+    &:focus,
+    &:active,
+    &:checked,
+    &[selected] {
+      cursor: pointer;
+      background: darkred linear-gradient(0deg, darkred 0%, darkred 100%);
+      color: white;
+    }
+  }
+
+  label.checkbox {
+    flex: auto;
+    padding: 0;
+    margin: 0;
+    height: 22px;
+    line-height: 22px;
+    font-size: 11px;
+
+    > input[type="checkbox"] {
+      width: 16px;
+      height: 16px;
+      margin: 0 2px 0 0;
+      position: relative;
+      top: 4px;
+    }
+
+    &.right > input[type="checkbox"] {
+      margin: 0 0 0 2px;
+    }
+  }
+
+  .form-group {
+    label {
+      flex: 2;
+      font-weight: bold;
+    }
+
+    .form-fields {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+
+      > * {
+        flex: 1;
+        margin: 0 3px 0 0;
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        .flex1 { flex: 1; }
+        .flex2 { flex: 2; }
+        .flex3 { flex: 3; }
+        .flex4 { flex: 4; }
+      }
+
+      label {
+        flex: 0 0 100%;
+        margin: 0;
+
+        &.checkbox {
+          flex: auto;
+          text-align: left;
+        }
+      }
+
+      .field-value {
+        text-align: center;
+      }
+    }
+
+    &.stacked {
+      label {
+        flex: 0 0 100%;
+        margin: 0;
+
+        &.checkbox {
+          flex: auto;
+          text-align: left;
+        }
+      }
+    }
+  }
+
+  .form-header {
+    margin: 0.25em 0 0.25em 0;
+    padding: 2px 5px;
+    font-family: "Wolfsbane2Expanded", cursive;
+    color: #4b4a44;
+    background-color: lightgray;
+  }
+
+  h1.form-header {
+    font-size: 2.2em;
+    font-weight: 700;
+  }
+
+  h2.form-header {
+    font-size: 1.8em;
+    font-weight: 500;
+    border-bottom: 1px groove #eeede0;
+  }
+
+  h3.form-header {
+    font-size: 1.2em;
+    font-weight: 500;
+    border-bottom: 1px groove #eeede0;
+  }
+
+  h4.form-header {
+    font-size: 1em;
+    font-weight: 500;
+    font-family: 'Signika', sans-serif;
+    color: black;
+    background-color: transparent;
+    border-top: none;
+    border-bottom: 1px groove #eeede0;
+  }
+
+  .tag {
+    display: inline-block;
+    margin: 0 2px 0 0;
+    padding: 0 3px;
+    font-size: 10px;
+    line-height: 16px;
+    border: 1px solid #999;
+    border-radius: 3px;
+    background: rgba(0, 0, 0, 0.05);
+  }
+
+  ::placeholder {
+    color: lightgray;
+    opacity: 1;
+  }
+
+  :-ms-input-placeholder {
+    color: lightgray;
+  }
+
+  ::-ms-input-placeholder {
+    color: lightgray;
+  }
+
+  input::placeholder {
+    color: lightgray;
+  }
+
+  .property {
+    margin-top: 2px;
+  }
+
+  .inc-dec-btns {
+    color: #4b4a44;
+  }
+}
+
+.chat-button {
+  font-size: 0.8rem;
+}
+
+.summmary-number {
+  padding-left: 4rem;
+}