From d3cfb8f01d9ba4b38fcc455d6040c48e5e8288b2 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Sun, 8 Aug 2021 00:26:33 +0900
Subject: [PATCH] Baseline Modal

Co-authored-by: dudleycu <dudleyc.twitch@gmail.com>
---
 src/TestPanel.js |  2 +-
 src/style.css    | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/TestPanel.js b/src/TestPanel.js
index 1cf3555..268fcf1 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -430,7 +430,7 @@ useEffect(()=>{
 <input className="itemBarForm" type="text" placeholder="Filter" />
 </div>
 </div>
-<div className="itemlistcontainer customScrollbar">
+<div className="modalItemListContainer customScrollbar">
 <ul className="itemlist">
 <li className="itemwep r1"><img className="itemimg" alt="" src="64px-NGSUIItemPrimmRifle.png" /><em className="rifle">Primm Rifle</em><br /><span className="atk">177</span>					<span className="pot tooltip">Recycler Unit<span>Lv.4: Potency +24%/<br />20% chance of Restasigne not being consumed on use. Effect starts 10 sec after equip</span></span></li>
 <li className="itemwep r2"><img className="itemimg" alt="" src="64px-NGSUIItemTzviaRifle.png" /><em className="rifle">Tzvia Rifle</em><br /><span className="atk">195</span>					<span className="pot tooltip">Indomitable Unit<span>Lv.4: Potency +26%/<br />All Down Resistances +20%</span></span></li>
diff --git a/src/style.css b/src/style.css
index ef2fcc5..9e83a40 100644
--- a/src/style.css
+++ b/src/style.css
@@ -950,6 +950,8 @@ button{
 	flex-basis: 200px;
 	max-width: 580px;
 	outline: 0;
+	height: 95vh;
+	margin: 0 10px;
   }
 .modalOverlay {
     position: fixed;
@@ -957,14 +959,19 @@ button{
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0,0,0,.80);
-
+    background: rgba(0,0,0,.9);
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: center;
 }
 .boxModal {
-
+}
+.modalItemListContainer {
+		overflow-y: auto;
+		overflow-x: hidden;
+		margin: 10px 5px 0 0;
+		padding: 2px;
+		max-height: calc(90vh - 115px);
 }
 .webicon{
 	color:maroon;