From 519e2ced66e162148135bbe43a76782239aaf38d Mon Sep 17 00:00:00 2001 From: Daniel Xie Date: Tue, 30 May 2017 09:55:58 -0500 Subject: [PATCH 1/3] Refactored pop up boxes --- css/popupboxes.css | 80 ++-------------------------------------------- index.html | 14 ++++---- src/Perk.js | 24 +++++++------- src/Player.js | 2 +- 4 files changed, 23 insertions(+), 97 deletions(-) diff --git a/css/popupboxes.css b/css/popupboxes.css index dfb9d85bb..525de4c1f 100644 --- a/css/popupboxes.css +++ b/css/popupboxes.css @@ -1,10 +1,8 @@ /* Pop-up boxes */ - -/* Pop-up Dialog Box */ -#dialog-box-container { +.popup-box-container { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ - z-index: 2; /* Sit on top */ + z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ @@ -15,7 +13,7 @@ } #dialog-box-content { - z-index: 2; + z-index: 1; background-color: black; margin: 20% auto; /* 20% from the top and centered */ padding: 10px; @@ -49,18 +47,6 @@ /* Purchase server box */ #purchase-server-box-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } @@ -104,18 +90,6 @@ /* Purchase RAM for Home computer pop-up box */ #purchase-ram-for-home-box-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } @@ -155,18 +129,6 @@ /* Purchase Invitation Box */ #purchase-augmentation-box-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } @@ -206,18 +168,6 @@ /* Faction invitation box */ #faction-invitation-box-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } @@ -262,18 +212,6 @@ /* Travel Pop-up Box */ #travel-box-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } @@ -317,18 +255,6 @@ /* Game Options */ #game-options-container { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; /* Full width */ - height: 100%; /* Full height */ - overflow: auto; /* Enable scroll if needed */ - background-color: black; /* Fallback color */ - background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ transition: opacity 400ms ease-in; } diff --git a/index.html b/index.html index a3a570432..c6bca2e99 100644 --- a/index.html +++ b/index.html @@ -632,7 +632,7 @@ -
+