Improved SweetAlert window size

README.md

@@ -4,8 +4,8 @@ Easy Session Manager allows you to manage your Firefox session by backing up or
 # Download
 https://addons.mozilla.org/en-US/firefox/addon/easy-session-manager/
 
-# Version: 0.2.1.2
-Updating for Firefox AMO
+# Version: 0.2.1.3
+Improved width of SweetAlert windows.
 
 # Images
 ![1 Default interface with no sessions. ](images/pic1.png)

src/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": " Easy Session Manager",
-  "version": "0.2.1.2",
+  "version": "0.2.1.3",
   "description": " Easy Session Manager allows you to manage your Firefox session by backing up or loading your saved sessions.",
 
   "applications": {

src/pages/sessionManager.html

@@ -18,7 +18,6 @@
     <label for="selectiveOpen">Selective Open</label>
 
     <div id="savedSessions">
-
     </div>
 
     <input type="image" name="import" src="../images/icons/import.png" title="Import..." alt="Import" />

src/scripts/background.js

@@ -9,6 +9,7 @@ const processor = (obj, enteryName = '',
     swal(message, {
         content: inputTag,
         buttons: true,
+        customClass: 'swal-modal',
     }).then((value) => {
         if (value) {
             enteryName = inputTag.value.replace(/ /g, "_");

src/scripts/sessionManager.js

@@ -3,7 +3,7 @@ const windowSys    = browser.windows;
 const regexp       = /^[a-zA-Z0-9-_]+$/; // Alphanumeric, dash, underscore
 
 
-const saveSession = (elm = null, message = "Session Name\nAllowed: a-z, A-Z, 0-9, -, _") => {
+const saveSession = (elm = null, message = "[ Session Name ] Allowed: a-z, A-Z, 0-9, -, _") => {
     let inputTag   = document.createElement("INPUT");
     inputTag.value = new Date().toLocaleString().split(',')[0].replace(/\//g, '-');
 
@@ -32,6 +32,7 @@ const saveSession = (elm = null, message = "Session Name\nAllowed: a-z, A-Z, 0-9
         swal(message, {
             content: container,
             buttons: true,
+            customClass: 'swal-modal',
         }).then((value) => {
             if (value) {
                 let enteryName = inputTag.value.replace(/ /g, "_");
@@ -82,6 +83,7 @@ const editSession = (elm = null, message = "Editing selected session...\nAllowed
         swal(message, {
             content: container,
             buttons: true,
+            customClass: 'swal-modal',
         }).then((value) => {
             if (value) {
                 let newName = inputTag.value.replace(/ /g, "_");
@@ -157,6 +159,7 @@ const downloadSession = (elm = null) => {
     swal("Download Session?", {
             content: pTag,
             buttons: true,
+            customClass: 'swal-modal',
     }).then((willDl) => {
         if (willDl) {
             if (chkBoxTag.checked) {

src/styles/styles.css

@@ -1,7 +1,7 @@
 body {
-    width: 450px;
-    height: 520px;
-    overflow-x: hidden;
+    width: 800px;
+    height: 600px;
+    overflow: hidden;
 }
 
 ul, li { list-style: none; }
@@ -21,19 +21,18 @@ input[type=image]:hover {
 }
 
 #savedSessions {
-    height: 365px;
-    min-height: 365x;
-    max-height: 365px;
+    width: 85%;
+    height: 450px;
+    min-height: 450px;
+    max-height: 450px;
     overflow-x: hidden;
     overflow-y: auto;
-    margin-bottom: 0.6em;
-    margin-top: 0.6em;
+    margin: 0em auto;
 }
 
 #editSelectionContainer {
-    height: 315px;
-    min-height: 315px;
-    max-height: 315px;
+    width: 100%;
+    height: auto;
     white-space: nowrap;
     display: block;
     overflow-x: auto;
@@ -62,6 +61,13 @@ input[type=image]:hover {
     color: rgba(255, 255, 255, 0.5);
 }
 
+/* Overide sweetalert modal size */
+.swal-modal{
+    top: 2em !important;
+    width: 650px !important;
+    height: auto !important;
+}
+
 .collection {
     padding-top: 1em;
     padding-bottom: 1em;