adding fullback modal dialog

editor/scriptList.ts

@@ -22,11 +22,30 @@
             if (siteHeader) {
                 HTML.fixWp8Links(siteHeader)
                 var siteLogo = elt("siteLogo");
-                if (siteLogo) siteLogo.withClick(() => window.location.pathname = "/");
+                if (siteLogo) siteLogo.withClick(() => window.location.href = "/");
                 if (Cloud.getUserId()) {
                     var siteNotifications = elt("siteNotifications");
                     if (siteNotifications) this.addNotificationCounter(siteNotifications);
                 }
+                var siteMore = elt("siteMore");
+                if (siteMore) {
+                    siteMore.withClick(() => {
+                        var m = new ModalDialog();
+                        var siteMenu = elt("siteMenu");
+                        if (siteMenu) {
+                            Util.toArray(siteMenu.getElementsByTagName("A")).forEach((a : HTMLAnchorElement) => {
+                                m.add(div('siteMenuBtn', a.innerText).withClick(() => {
+                                    m.dismiss();
+                                    if (/^#/.test(a.href))
+                                        Util.setHash(a.href)
+                                    else window.location.href = a.href;
+                                }))
+                            })
+                        }
+                        m.fullBlack();
+                        m.show();
+                    })
+                }
             }
             this.initSignin();
         }

rt/modaldialog.ts

@@ -393,6 +393,11 @@ module TDev
             this.outerDialog.setChildren(this.dialog);
         }
 
+        public fullBlack()
+        {
+            this.outerDialog.className += " modalFullBlack";
+        }
+       
         public fullWhite()
         {
             this.outerDialog.className += " modalFullWhite";

www/default.css

@@ -185,7 +185,9 @@ input.logSearchInput {
 .modalFullYellow a,
 .modalFullYellow a:visited,
 .modalFullWhite a,
-.modalFullWhite a:visited {
+.modalFullWhite a:visited,
+.modalFullBlack a,
+.modalFullBlack a:visited {
   color: #008b00;
 }
 .modalDialogChooseItem {
@@ -294,6 +296,10 @@ font-size:1.2em;
   background: white;
 }
 
+.modalFullBlack .modalDialogInner {
+  background: black;
+}
+
 .modalFullYellow .modalDialogInner {
   background: #ccc;
 }
@@ -302,6 +308,9 @@ font-size:1.2em;
 .modalFullWhite .modalDialog {
   color: black;
 }
+.modalFullBlack .modalDialog {
+  color:white;
+}
 
 .floatingFrown {
   float: left;
@@ -524,25 +533,30 @@ textarea
   color: black;
   border-color: black;
 }
+.modalFullBlack .modalDialog .wall-button
+{
+  color: white;
+  border-color: white;
+}
 
 .big-button {
   font-size:1.3em;
 }
 
-.modalFullWhite .wall-dialog-buttons {
+.modalFullWhite .wall-dialog-buttons, .modalFullBlack .wall-dialog-buttons {
   margin-top: 1.5em;
 }
 
-.modalFullWhite h3 {
+.modalFullWhite h3, .modalFullBlack h3 {
   font-size: 2em;
   font-weight: 400;
 }
 
-.modalFullWhite p {
+.modalFullWhite p, .modalFullBlack p {
   font-size: 1.2em;
 }
 
-.modalFullWhite p.agree {
+.modalFullWhite p.agree, .modalFullBlack p.agree {
   color: #777;
   font-size:0.8em;
 }

www/editor.css

@@ -2426,7 +2426,8 @@ div.decl > div.stmt {
 }
 
 .modalFullWhite .progressDot,
-.modalFullYellow .progressDot
+.modalFullYellow .progressDot,
+.modalFullBlack .progressDot
 {
   background: #008b00;
 }