Compat v14 : CSS for Dice (Chat & RnK)

CHANGELOG.md

@@ -6,7 +6,9 @@ Date format : day/month/year
 > - `foundry-version`: Stick to the major version of FoundryVTT.
 > - `system-version`: System functionalities and Fixes.
 
-## 1.13.5 - ??/03/2026 - ???
+## 1.14.0 - ??/04/2026 - Foundry v14 Compatibility
+__! Be certain to carefully back up any critical user data before installing this update !__
+- Updated the System to FoundryVTT v14.
 - Fix List without bullet on item sheets.
 - Fix black embedded links displays on Tooltips.
 

system/styles/scss/dices-chat.scss

@@ -6,6 +6,9 @@
         position: relative;
         padding: 0;
         margin: 0;
+        height: 48px;
+        width: 48px;
+
         &:after {
             content: "";
             position: absolute;
@@ -20,6 +23,7 @@
             color: white;
             background: transparent;
         }
+
         &:last-of-type,
         &:nth-child(6),
         &:nth-child(12),
@@ -28,10 +32,12 @@
                 padding: 0 0.175rem 0 0.15rem;
             }
         }
+
         &.rerolled {
             > img {
                 border-bottom: 0 none;
             }
+
             &:after {
                 content: "\f2f9";
                 background: orangered;
@@ -42,6 +48,7 @@
             > img {
                 border-bottom: 0 none;
             }
+
             &:after {
                 content: "\f337";
                 background: fuchsia;
@@ -50,9 +57,9 @@
 
         > img {
             border: 1px solid transparent;
-            height: auto;
         }
     }
+
     td {
         .chat-dice {
         }
@@ -72,6 +79,7 @@
             margin: 0.25rem;
             text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
         }
+
         &-element {
             flex-wrap: wrap;
             flex-grow: 1;
@@ -79,11 +87,13 @@
             &-skill {
                 flex-grow: 3;
             }
+
             &:last-child {
                 flex-grow: 2;
             }
         }
     }
+
     .dice-formula,
     .dice-total {
         background: rgba(255, 255, 255, 0.1);
@@ -91,44 +101,51 @@
         text-align: center;
         margin: 0.5rem 0;
         padding: 0.25rem 0.5rem 0.25rem 0.25rem;
+
         &-rnk {
             line-height: 2rem;
+
             i {
                 margin-left: 0.5rem;
             }
         }
     }
+
     button {
         justify-self: center;
+
         &.chat-dice-rnk {
             cursor: url("../assets/cursors/pointer.webp"), pointer;
             color: $white;
             background: linear-gradient(
-                $l5r5e-linear-gradient-third,
+                    $l5r5e-linear-gradient-third,
-                $l5r5e-linear-gradient-third-dark,
+                    $l5r5e-linear-gradient-third-dark,
-                $l5r5e-linear-gradient-third
+                    $l5r5e-linear-gradient-third
             );
             background-origin: padding-box;
             border-image: url("../assets/ui/macro-button.webp") 10 repeat;
             border-image-width: 0.5rem;
             border-image-outset: 0px;
             margin: 0.5rem 0 0;
+
             &:hover {
                 background: linear-gradient(
-                    $l5r5e-linear-gradient-first-dark,
+                        $l5r5e-linear-gradient-first-dark,
-                    $l5r5e-linear-gradient-first,
+                        $l5r5e-linear-gradient-first,
-                    $l5r5e-linear-gradient-first-dark
+                        $l5r5e-linear-gradient-first-dark
                 );
             }
         }
+
         &.chat-dice-rnk-ended {
             background: linear-gradient(
-                $l5r5e-linear-gradient-second,
+                    $l5r5e-linear-gradient-second,
-                $l5r5e-linear-gradient-second-dark,
+                    $l5r5e-linear-gradient-second-dark,
-                $l5r5e-linear-gradient-second
+                    $l5r5e-linear-gradient-second
             );
         }
     }
+
     .dice-result-rnk {
         background: rgba(0, 0, 255, 0.1);
         border: 1px solid rgba(55, 55, 155, 0.75);
@@ -137,25 +154,30 @@
         text-align: center;
         font-weight: bold;
         text-shadow: 0 0 0 $black;
+
         &.success {
             background: rgba(0, 255, 0, 0.1);
             border-color: rgba(55, 155, 55, 0.75);
             color: rgba(55, 155, 55, 0.75);
+
             i.i_success {
                 font-size: 1rem;
             }
         }
+
         &.unknown {
             background: rgba(121, 121, 121, 0.1);
             border-color: rgba(124, 124, 124, 0.75);
             color: rgba(91, 91, 91, 0.75);
         }
+
         &.fail {
             background: rgba(255, 0, 0, 0.1);
             border-color: rgba(155, 55, 55, 0.75);
             color: rgba(155, 55, 55, 0.75);
         }
     }
+
     .target,
     .item-infos {
         display: flex;
@@ -166,20 +188,25 @@
         background: rgba(255, 255, 255, 0.1);
         border: solid 1px rgba(100, 0, 0, 0.75);
         border-radius: 3px;
+
         .profile {
             flex: 1;
             margin: 0.25rem 0.25rem 0 0;
             position: relative;
+
             .profile-img {
                 position: relative;
                 border: none;
                 filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.66));
             }
         }
+
         .name {
             flex: 6;
             font-family: "BrushtipTexe", sans-serif;
+            display: flex;
         }
+
         .content-link {
             background: unset;
             border: unset;
@@ -188,8 +215,10 @@
             }
         }
     }
+
     .item-infos {
         border: solid 1px rgba(0, 78, 100, 0.75);
+
         i {
             font-size: var(--font-size-12);
         }
@@ -199,3 +228,4 @@
         display: flex;
     }
 }
+

system/styles/scss/dices.scss

@@ -213,6 +213,7 @@
                 td {
                     margin: 0;
                     padding: 0;
+                    text-align: center;
                 }
             }
         }
@@ -254,7 +255,7 @@
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         display: flex;
         flex-direction: column; // stack profile ul and effects ul vertically
-        
+
         .effects {
             @include roll-effects-base();
         }
@@ -310,6 +311,7 @@
     .dice-ct {
         position: relative;
         padding: 0.25rem;
+        width: 48px;
         &:before {
             content: "";
             position: absolute;

system/styles/scss/global.scss

@@ -145,6 +145,11 @@ input[type="time"]:focus {
     line-height: initial;
 }
 
+// Remove icon on link (bc specificity)
+#sidebar-content .content-link i.l5r5e {
+    display: none;
+}
+
 button:hover {
     box-shadow: 0 0 10px $red;
 }

system/system.json

@@ -7,12 +7,12 @@
     "changelog": "https://gitlab.com/teaml5r/l5r5e/-/blob/master/CHANGELOG.md",
     "license": "https://gitlab.com/teaml5r/l5r5e/-/blob/master/LICENSE.md",
     "manifest": "https://gitlab.com/teaml5r/l5r5e/-/raw/master/system/system.json",
-    "download": "https://gitlab.com/teaml5r/l5r5e/-/jobs/artifacts/v1.13.4/raw/l5r5e.zip?job=build",
+    "download": "https://gitlab.com/teaml5r/l5r5e/-/jobs/artifacts/v1.14.0/raw/l5r5e.zip?job=build",
-    "version": "1.13.4",
+    "version": "1.14.0",
     "compatibility": {
         "minimum": "13",
         "verified": "13",
-        "maximum": "13"
+        "maximum": "14"
     },
     "socket": true,
     "authors": [