Avancement messages défense & oeuvres

less/foundryvtt-reve-de-dragon.less

@@ -7,6 +7,7 @@
   @import "item/munition.less";
   @import "item/tarot.less";
   @import "roll-dialog.less";
+  @import "roll-chat.less";
   .window-header{
     background: rgba(0,0,0,0.75);
   }
@@ -1451,7 +1452,9 @@
   /* ======================================== */
   /* Sidebar CSS */
   #sidebar {
-    font-size: 1rem;
+    .chat-message{
+      font-size: 1rem;
+    }
     background: rgb(105,85,65) url(../assets/ui/bg_sid_dark.webp) no-repeat right bottom;
     background-position: 100%;
     color: rgba(220,220,220,0.75);
@@ -1961,6 +1964,10 @@
 
     border: 2px ridge #846109;
     display: inline-block;
+    img {
+      max-width: 1rem;
+      max-height: 1rem;
+    }
   }
 
   .chat-card-button{

less/roll-chat.less

@@ -0,0 +1,87 @@
+.chat-message {
+  div.roll-chat {
+    font-family: CaslonAntique;
+    display: grid;
+    grid-template-areas:
+      "img     header  buttons"
+      "img     resume  buttons"
+      "details details details"
+      "actions actions actions";
+    grid-template-columns: 3rem 1fr 1.4rem;
+    grid-template-rows: max-content max-content max-content max-content;
+    gap: 0 0.5rem;
+
+    div.chat-img {
+      grid-area: img;
+      display: flex;
+      flex-direction: column;
+      img {
+        border: 0;
+        max-height: 3rem;
+        max-width: 3rem;
+        object-fit: contain;
+        height: 100%;
+      }
+    }
+    div.chat-header {
+      grid-area: header;
+      font-weight: bold;
+      font-size: 0.9rem;
+    }
+    div.chat-resume {
+      grid-area: resume;
+      text-align: justify;
+    }
+    div.chat-details {
+      grid-area: details;
+      text-align: justify;
+      display: flex;
+      flex-direction: column;
+    }
+    div.chat-actions {
+      grid-area: actions;
+      display: flex;
+      flex-direction: column;
+      a {
+        display: flex;
+        flex-direction: row;
+        img {
+          margin-right: 0.5rem;
+        }
+      }
+    }
+    
+    div.chat-buttons {
+      grid-area: buttons;
+      display: flex;
+      flex-direction: column;
+
+      a {
+        border-radius: 0.2rem;
+        cursor: pointer;
+        padding: 0.2rem;
+        position: relative;
+        box-shadow: inset 1x 1px #a6827e;
+        color: var(--color-controls);
+        border: 1px ridge #846109;
+        display: inline-block;
+        align-items: center;
+        
+        img {
+          max-width: 1rem;
+          max-height: 1rem;
+        }
+      }
+      
+      a:hover {
+        background: var(--background-custom-button-hover);
+      }
+
+      a:active{
+        position:relative;
+        top:1px;
+      }
+
+    }
+  }
+}

less/roll-dialog.less

@@ -6,8 +6,8 @@
     "action action     action     action     action     action     action"
     "type   separation separation separation separation separation separation"
     "type   carac      carac      carac      comp       comp       resume"
-    "type   choix      choix      choix      choix      choix      modifiers"
-    "type   resolution resolution resolution resolution resolution modifiers"
+    "type   choix      choix      choix      choix      choix      conditions"
+    "type   resolution resolution resolution resolution resolution conditions"
     "type   chances    chances    chances    chances    chances    buttons"
     "footer footer     footer     footer     footer     footer     footer";
   grid-template-columns: 2rem 1rem 1fr 1fr 2fr 2fr 3fr;
@@ -22,7 +22,7 @@
   roll-choix { grid-area: choix; }
   
   roll-table { grid-area: resolution; }
-  roll-conditions { grid-area: modifiers; }
+  roll-conditions { grid-area: conditions; }
   roll-chances { grid-area: chances; }
   roll-resume { grid-area: resume; }
   roll-buttons  { grid-area: buttons; }