Merge pull request #10679 from FlaminSarge/cant-roll

DestinyItemManager · Aug 11, 2024 · ca6da4c · ca6da4c
2 parents a07c0c5 + 0c6c02e
commit ca6da4c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/src/app/item-popup/Plug.m.scss b/src/app/item-popup/Plug.m.scss
@@ -63,15 +63,9 @@
 }
 
 .cannotRoll {
-  fill: #ba594880;
-
-  &.plugged {
-    fill: #ba5948b8;
-  }
-
-  &.selected {
-    fill: #ba5948;
-  }
+  stroke-dasharray: 12 6;
+  stroke-width: 3;
+  stroke-dashoffset: -4;
 }
 
 .disabled {

diff --git a/src/app/item-popup/Plug.tsx b/src/app/item-popup/Plug.tsx
@@ -172,7 +172,6 @@ function PerkCircle({
     clsx({
       [styles.plugged]: plugged,
       [styles.selected]: selected,
-      [styles.cannotRoll]: cannotRoll || unreliablePerkOption,
       [styles.notSelected]: notSelected,
     }) || styles.none;
   return (
@@ -217,7 +216,9 @@ function PerkCircle({
         stroke="white"
         fill="transparent"
         strokeWidth="2"
-        className={styles.perkOutline}
+        className={clsx(styles.perkOutline, {
+          [styles.cannotRoll]: cannotRoll || unreliablePerkOption,
+        })}
       />
       {enhanced && <path d="M5,50 l0,-24 l-6,0 l9,-16 l9,16 l-6,0 l0,24 z" fill="#eade8b" />}
     </svg>

diff --git a/src/app/item-popup/PlugTooltip.m.scss b/src/app/item-popup/PlugTooltip.m.scss
@@ -57,6 +57,15 @@
   }
   .cannotRollSection {
     @include tooltip-section-color($red);
+    p::before {
+      content: '';
+      display: inline-block;
+      padding: 6px;
+      margin-bottom: -3px;
+      margin-right: 3px;
+      border: 1px dashed white;
+      border-radius: 50%;
+    }
   }
   .automaticallyPickedSection {
     @include tooltip-section-color($dim-brand);