Fix templates for new appv2

less/sheets.less

@@ -1,21 +1,96 @@
-.sheet-common() {
+.item-sheet-common() {
+  padding: 0px;
 
-  .window-content{
+  // Styles pour la section de description, si le partiel utilise une structure standard
+  .editor,
+  .editor-content {
+    height: auto; // Ajuster selon le besoin
+    min-height: 100px; // Hauteur minimale pour la description
+    background: var(--rdd-bg-input-alt); // Une couleur de fond alternative
+    padding: 5px;
+    border-radius: 3px;
+    color: var(--rdd-color-text-primary);
+  }
+
+  .window-content {
     font-family: CaslonAntique;
     text-align: justify;
     font-size: 1rem;
     letter-spacing: 1px;
-  
+    padding: 0% 0 0 0;
+
     font-size: calc(var(--font-size-standard) * 1);
     color: var(--color-dark-1);
-    background: var(--background-image-base) no-repeat;
     background-size: 100% 100%;
   }
+
+  fieldset {
+    background: var(--fieldset-background);
+    color: var(--rdd-color-text-primary);
+    margin-bottom: 4px;
+    border-radius: 6px;
+    border-color: var(--rdd-color-text-primary);
+    border-width: 2px;
+  }
+
+  .form-group {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+    padding: 2px 0;
+    border-bottom: 1px solid var(--rdd-color-shadow-primary);
+    font-size: 0.9rem;
+
+    label {
+      font-weight: normal;
+      flex: 2;
+      padding-left: 5px;
+      margin: 0;
+      color: var(
+        --rdd-color-text-primary
+      ); // Assurez-vous que cette variable existe dans colors.less
+    }
+
+    .attribute-value,
+    input[type="text"],
+    input[type="number"],
+    select {
+      flex: 3;
+      background: var(--rdd-input-background);
+      border: 1px solid var(--rdd-color-border-input); // Assurez-vous que cette variable existe
+      color: var(
+        --rdd-color-text-input
+      ); // Assurez-vous que cette variable existe
+      padding: 2px 2px; // Augmentation du padding vertical
+      border-radius: 3px;
+    }
+
+    input[type="checkbox"] {
+      flex: 0 0 20px; // Taille fixe pour les cases à cocher
+      margin-left: 5px;
+    }
+  }
 }
 
-.sheet-header() {
+.item-sheet-header() {
   background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
   color: rgba(255, 255, 255, 1);
+  .sheet-header-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    h1,
+    input {
+      font-family: CaslonAntique;
+      font-size: 2.5rem;
+      font-weight: normal;
+      color: var(--window-header-title-color);
+      margin: 4px;
+      height: 3rem;
+    }
+  }
 
   :is(
     input[type="text"],
@@ -23,10 +98,11 @@
     input[type="password"],
     input[type="datetime-local"],
     input[type="date"],
-    input[type="time"]) {
-      color: rgba(255, 255, 255, 0.75);
-      background: rgba(255, 255, 255, 0.1);
-      border: 0 none;
-      margin-bottom: 0.2rem;
+    input[type="time"]
+  ) {
+    color: rgba(255, 255, 255, 0.75);
+    background: rgba(255, 255, 255, 0.1);
+    border: 0 none;
+    margin-bottom: 0.2rem;
   }
 }