Converted pop-up boxes to use css flex

This commit is contained in:
Daniel Xie
2018-08-12 14:45:35 -05:00
parent bb4094f879
commit d556af0fd8
9 changed files with 62 additions and 17 deletions
+26 -5
View File
@@ -1116,7 +1116,14 @@ a:visited {
.generic-fullscreen-container {
color: var(--my-font-color);
width: 99%;
height: 100%; }
height: 100%;
overflow-y: hidden; }
.generic-fullscreen-container-scroll {
height: 100%;
width: 100%;
overflow: auto;
padding-right: 20px; }
#work-in-progress-container {
position: fixed; }
@@ -1171,6 +1178,8 @@ a:visited {
/* Sit on top */
left: 0;
top: 0;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: auto;
@@ -1178,10 +1187,21 @@ a:visited {
.popup-box-content {
background-color: var(--my-background-color);
margin: 15% auto;
padding: 12px;
border: 5px solid var(--my-highlight-color);
width: 70%;
max-height: 80%;
/*
margin: auto;
height:auto;
max-height:80%;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
*/
overflow-y: auto;
color: var(--my-font-color); }
.popup-box-button,
@@ -1289,11 +1309,12 @@ a:visited {
#game-options-content {
background-color: var(--my-background-color);
margin: 15% auto;
padding: 10px;
border: 5px solid var(--my-highlight-color);
width: 60%;
color: var(--my-font-color); }
color: var(--my-font-color);
width: 80%;
max-height: 80%;
overflow-y: auto; }
#game-options-left-panel,
#game-options-right-panel {