feat(combat): make skill popup bigger

After-the-End-of-All-Things · Sep 13, 2023 · 57ad440 · 57ad440
1 parent 0c2bed7
commit 57ad440
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/client/src/app/pages/combat/combat.page.html b/client/src/app/pages/combat/combat.page.html
@@ -166,6 +166,7 @@
   trigger="abilitiesModal"
   [initialBreakpoint]="0.5"
   [breakpoints]="[0, 0.5, 1]"
+  class="ability-modal-container"
   #abilitiesModal
 >
   <ng-template>

diff --git a/client/src/app/pages/combat/combat.page.scss b/client/src/app/pages/combat/combat.page.scss
@@ -181,8 +181,15 @@
   }
 }
 
-.ability-modal {
-  --padding-top: 16px;
+.ability-modal-container {
+
+  @media screen and (min-width: 1401px) {
+    --width: 50%;
+  }
+
+  .ability-modal {
+    --padding-top: 16px;
+  }
 }
 
 .ability-list {
@@ -198,5 +205,9 @@
     &:hover {
       background: #222;
     }
+
+    app-combat-ability {
+      width: 100%;
+    }
   }
 }