Updates to Krajee Explorer Theme for mobile responsiveness fixes #950 f…

…ixes #930
kartik-v · Apr 29, 2017 · 0c3be80 · 0c3be80
1 parent e3f9c75
commit 0c3be80
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/themes/explorer/theme.css b/themes/explorer/theme.css
@@ -129,6 +129,15 @@
     border-color: #777;
 }
 
+.theme-explorer .file-error-message ul {
+    padding-left: 15px;
+}
+
+.theme-explorer .file-error-message .close {
+    margin-top: -5px;
+    margin-right: -5px;
+}
+
 /*
  * mobile responsive styling
  */
@@ -138,7 +147,19 @@
         width: 100% !important;
     }
 
-    .theme-explorer .explorer-frame td {
+    .theme-explorer .table {
+        border: none;
+    }
+
+    .theme-explorer .table tr {
+        margin-top: 10px;
+    }
+
+    .theme-explorer .table tr:first-child {
+        margin-top: 0;
+    }
+
+    .theme-explorer .table td {
         text-align: center;
         font-size: 1.1em;
     }

diff --git a/themes/explorer/theme.js b/themes/explorer/theme.js
@@ -39,7 +39,7 @@
         },
         previewMarkupTags: {
             tagBefore1: teTagBef + '>' + teContent,
-            tagBefore2: teTagBef + ' title="{caption}" style="width:{width};height:{height};">' + teContent,
+            tagBefore2: teTagBef + ' title="{caption}">' + teContent,
             tagAfter: '</td>\n{footer}</tr>\n'
         },
         previewSettings: {