Browse Source

Updates to Krajee Explorer Theme for mobile responsiveness fixes #950 fixes #930

Kartik Visweswaran 8 years ago
parent
commit
0c3be80cba
2 changed files with 23 additions and 2 deletions
  1. 22 1
      themes/explorer/theme.css
  2. 1 1
      themes/explorer/theme.js

+ 22 - 1
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;
     }

+ 1 - 1
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: {