Rev2166, Mobile friendly notifications

src/Config.py

@@ -10,7 +10,7 @@ class Config(object):
 
     def __init__(self, argv):
         self.version = "0.5.7"
-        self.rev = 2165
+        self.rev = 2166
         self.argv = argv
         self.action = None
         self.config_file = "zeronet.conf"

src/Ui/media/Notifications.coffee

@@ -57,6 +57,7 @@ class Notifications
 		elem.css({"width": "50px", "transform": "scale(0.01)"})
 		elem.animate({"scale": 1}, 800, "easeOutElastic")
 		elem.animate({"width": width}, 700, "easeInOutCubic")
+		$(".body", elem).css("width": (width - 80))
 		$(".body", elem).cssLater("box-shadow", "0px 0px 5px rgba(0,0,0,0.1)", 1000)
 
 		# Close button or Confirm button

src/Ui/media/Wrapper.css

@@ -174,4 +174,13 @@ a { color: black }
 @media print {
   #inner-iframe { position: fixed; }
   .progressbar, .fixbutton, .notifications, .loadingscreen { visibility: hidden; }
+}
+
+/* Small screen */
+@media screen and (max-width: 600px) {
+    .notification .message { white-space: normal; }
+    .notification .buttons { padding-right: 22px; }
+    .notification .button { white-space: nowrap; }
+    .notification { margin: 0px }
+    .notifications { right: 0px }
 }

src/Ui/media/all.css

@@ -214,4 +214,13 @@ a { color: black }
 @media print {
   #inner-iframe { position: fixed; }
   .progressbar, .fixbutton, .notifications, .loadingscreen { visibility: hidden; }
+}
+
+/* Small screen */
+@media screen and (max-width: 600px) {
+    .notification .message { white-space: normal; }
+    .notification .buttons { padding-right: 22px; }
+    .notification .button { white-space: nowrap; }
+    .notification { margin: 0px }
+    .notifications { right: 0px }
 }

src/Ui/media/all.js

@@ -764,6 +764,9 @@ jQuery.extend( jQuery.easing,
       elem.animate({
         "width": width
       }, 700, "easeInOutCubic");
+      $(".body", elem).css({
+        "width": width - 80
+      });
       $(".body", elem).cssLater("box-shadow", "0px 0px 5px rgba(0,0,0,0.1)", 1000);
       $(".close, .button", elem).on("click", (function(_this) {
         return function() {