[Web] Added game creation interface

- Replaced fancybox with react-confirm-alert + dialog box
- Removed unused code
- Default map can be selected with 1-click
- Added ability to select map variants

1 files changed, 31 insertions, 3 deletions

diff --git a/diplomacy/web/src/index.css b/diplomacy/web/src/index.css
index f270135..8b14a97 100644
--- a/diplomacy/web/src/index.css
+++ b/diplomacy/web/src/index.css
@@ -261,12 +261,9 @@ span.power-name {
 .fancy-box .fancy-bar {
     background-color: rgb(240, 240, 240);
     border-bottom: 1px solid silver;
-    padding-top: 10px;
-    padding-bottom: 10px;
 }
 
 .fancy-box .fancy-button {
-    text-align: right;
 }
 
 .fancy-box .fancy-content {
@@ -419,6 +416,37 @@ span.power-name {
     background-color: rgb(230, 230, 230);
 }
 
+button .unroll {
+    display: none;
+}
+
+button .roll {
+    display: inline;
+}
+
+button.collapsed .unroll {
+    display: inline;
+}
+
+button.collapsed .roll {
+    display: none;
+}
+
+.panel-choose-map .map-list {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: auto;
+    border: 1px solid gray;
+}
+
+.inline {
+    white-space: nowrap;
+}
+
+
 /** Page login. **/
 /** Page games. **/
 /** Page game. **/