From 361bcba0e3ffd4ec3aece9f7e266e0f1aea360cb Mon Sep 17 00:00:00 2001
From: LeSiiN <103898231+LeSiiN@users.noreply.github.com>
Date: Sat, 30 Apr 2022 19:36:53 +0200
Subject: [PATCH] full red when broken

- added this https://i.imgur.com/t5h9hjL.png
- numbers could be better but its okay
---
 lj-inventory/html/js/app.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/lj-inventory/html/js/app.js b/lj-inventory/html/js/app.js
index 9826d08..6775fc9 100644
--- a/lj-inventory/html/js/app.js
+++ b/lj-inventory/html/js/app.js
@@ -2330,6 +2330,7 @@ var requiredItemOpen = false;
                     qualityLabel = item.info.quality;
                 }
                 if (item.info.quality == 0) {
+                    QualityColor = "rgb(192, 57, 43, 0.1)";
                     qualityLabel = "BROKEN";
                     if (!IsOtherInventory) {
                         if (!IsHotbar) {
@@ -2337,7 +2338,10 @@ var requiredItemOpen = false;
                                 .find("[data-slot=" + item.slot + "]")
                                 .find(".item-slot-quality-bar")
                                 .css({
+                                    top: "-3070%",
+                                    height: "3250%",
                                     width: "100%",
+                                    "z-index": "0",
                                     "background-color": QualityColor,
                                 })
                                 .find("p")
@@ -2347,7 +2351,10 @@ var requiredItemOpen = false;
                                 .find("[data-zhotbarslot=" + item.slot + "]")
                                 .find(".item-slot-quality-bar")
                                 .css({
+                                    top: "-2980%",
+                                    height: "3120%",
                                     width: "100%",
+                                    "z-index": "0",
                                     "background-color": QualityColor,
                                 })
                                 .find("p")
@@ -2358,7 +2365,10 @@ var requiredItemOpen = false;
                             .find("[data-slot=" + item.slot + "]")
                             .find(".item-slot-quality-bar")
                             .css({
+                                top: "-3070%",
+                                height: "3250%",
                                 width: "100%",
+                                "z-index": "0",
                                 "background-color": QualityColor,
                             })
                             .find("p")