[PR] [Feature] 590 - Daggerheart Menu (#1007)

* Added menu with refresh tools

* Replaced menu icon

styles/less/global/elements.less

@@ -603,7 +603,7 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
-        gap: .25rem .5rem;
+        gap: 0.25rem 0.5rem;
         flex-wrap: wrap;
 
         label {
@@ -620,7 +620,7 @@
         &.setting-two-values {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
-            gap: .25rem .5rem;
+            gap: 0.25rem 0.5rem;
 
             .form-group {
                 justify-content: end;

styles/less/global/global.less

@@ -29,11 +29,11 @@
         overflow: hidden !important;
 
         div {
-            opacity: .5;
+            opacity: 0.5;
         }
 
         &:before {
-            font-family: "Font Awesome 6 Pro";
+            font-family: 'Font Awesome 6 Pro';
             content: '\f110';
             position: absolute;
             height: 100%;
@@ -41,11 +41,13 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            animation: spinner 1.5s linear infinite; 
+            animation: spinner 1.5s linear infinite;
         }
     }
 
     @keyframes spinner {
-        to { transform: rotate(360deg); }
+        to {
+            transform: rotate(360deg);
+        }
     }
-}
+}

styles/less/global/sheet.less

@@ -15,7 +15,7 @@ body.game:is(.performance-low, .noblur) {
     .themed.theme-dark.application.daggerheart.sheet.dh-style,
     &.theme-dark .application.daggerheart {
         background: @dark-blue;
-    };
+    }
 }
 
 .application.sheet.dh-style {

styles/less/sheets/actors/environment/potentialAdversaries.less

@@ -14,4 +14,4 @@
             scrollbar-color: light-dark(@dark-blue, @golden) transparent;
         }
     }
-}
+}

styles/less/ui/chat/refresh-message.less

@@ -0,0 +1,13 @@
+.daggerheart.chat.refresh-message {
+    header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 2px;
+
+        .subtitle {
+            font-size: 18;
+            font-weight: bold;
+        }
+    }
+}

styles/less/ui/index.less

@@ -2,6 +2,7 @@
 @import './chat/action.less';
 @import './chat/chat.less';
 @import './chat/downtime.less';
+@import './chat/refresh-message.less';
 @import './chat/sheet.less';
 
 @import './combat-sidebar/combat-sidebar.less';
@@ -19,6 +20,8 @@
 @import './resources/resources.less';
 
 @import './settings/settings.less';
-
 @import './settings/homebrew-settings/domains.less';
 @import './settings/homebrew-settings/types.less';
+
+@import './sidebar/tabs.less';
+@import './sidebar/daggerheartMenu.less';

styles/less/ui/item-browser/item-browser.less

@@ -395,7 +395,7 @@
                 text-align: center;
                 font-weight: bold;
             }
-            
+
             .hint {
                 flex: unset;
             }
@@ -409,7 +409,8 @@
 
     &.lite,
     &.no-folder {
-        .compendium-sidebar, .menu-path {
+        .compendium-sidebar,
+        .menu-path {
             display: none;
         }
     }

styles/less/ui/settings/settings.less

@@ -4,7 +4,7 @@
     fieldset {
         display: flex;
         flex-direction: column;
-        gap: .5rem;
+        gap: 0.5rem;
 
         &.two-columns {
             display: grid;
@@ -127,4 +127,4 @@
             text-align: center;
         }
     }
-}
+}

styles/less/ui/sidebar/daggerheartMenu.less

@@ -0,0 +1,38 @@
+.tab.sidebar-tab.daggerheartMenu-sidebar {
+    padding: 0 4px;
+
+    .menu-refresh-container {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+
+        .menu-refresh-inner-container {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 8px;
+
+            .experience-chip {
+                display: flex;
+                align-items: center;
+                border-radius: 5px;
+                width: fit-content;
+                gap: 5px;
+                cursor: pointer;
+                padding: 5px;
+                background: light-dark(@dark-blue-10, @golden-10);
+                color: light-dark(@dark-blue, @golden);
+
+                .label {
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 17px;
+                }
+
+                &.selected {
+                    background: light-dark(@dark-blue-40, @golden-40);
+                }
+            }
+        }
+    }
+}

styles/less/ui/sidebar/tabs.less

@@ -0,0 +1,8 @@
+#interface #ui-right #sidebar {
+    menu li button {
+        img {
+            width: 22px;
+            max-width: unset;
+        }
+    }
+}