File Manager icons improved and some bugs fixed.

Francis Corona · Francis Corona · commit 2bb0ca9304a1 · 2015-11-28T11:50:47.000+03:30
diff --git a/BlogEngine/BlogEngine.NET/admin/app/custom/plugins/pluginView.html b/BlogEngine/BlogEngine.NET/admin/app/custom/plugins/pluginView.html
@@ -75,14 +75,14 @@ <h4 class="modal-title">{{package.Title}}</h4>
         </div>
     </div>
     <div id="modal-settings" class="modal fade">
-        <div class="modal-dialog">
+        <div class="modal-dialog iframe-package">
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="focusInput=false"><i class="fa fa-times"></i></button>
                     <h4 class="modal-title">{{package.Title}}</h4>
                 </div>
                 <div class="modal-body">
-                    <iframe id="settingsFrame" class="iframe-package" ng-src="{{extEditSrc}}"></iframe>
+                    <iframe id="settingsFrame" ng-src="{{extEditSrc}}"></iframe>
                 </div>
             </div>
         </div>
diff --git a/BlogEngine/BlogEngine.NET/admin/app/editor/filemanager.cshtml b/BlogEngine/BlogEngine.NET/admin/app/editor/filemanager.cshtml
@@ -32,8 +32,6 @@
         var editVars = { id: '@id', storageLocation: '@BlogConfig.StorageLocation' };
     </script>
     <script type="text/javascript" src="admin.res.axd"></script>
-    <style>
-    </style>
 </head>
 <body class="filemanager @Resources.labels.LangDirection" ng-controller="FileManagerController">
     @Scripts.Render("~/scripts/wysiwyg")
@@ -51,7 +49,7 @@
                             <input type="text" class="form-control" id="txtFolder" name="txtFolder" data-ng-model="dirName" focus-me="focusInput" />
                         </div>
                         <div class="modal-buttons">
-                            <button type="button" ng-click="createFolder()" class="btn btn-success btn-hasicon"><i class="fa fa-save"></i>{{lbl.save}}</button>
+                            <button type="button" ng-click="createFolder()" class="btn btn-success btn-hasicon"><i class="fa fa-check"></i>{{lbl.save}}</button>
                             <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="focusInput=false">{{lbl.cancel}}</button>
                         </div>
                     </div>
@@ -81,7 +79,7 @@
                             <i ng-class="item.ImgPlaceholder"></i>
                         </a>
                         <a ng-if="item.FileType === 2" title="{{item.Name}}" href="" ng-click="insertFile(item)">
-                            <img ng-src="@imgHandler{{item.FullPath}}" />
+                           <img ng-src="@imgHandler{{item.FullPath}}" />
                         </a>
                     </div>
                     <div class="item-file-name">
diff --git a/BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css b/BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css
diff --git a/BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css.map b/BlogEngine/BlogEngine.NET/admin/themes/standard/css/styles.css.map
diff --git a/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/modules/_filemanager.scss b/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/modules/_filemanager.scss
@@ -8,6 +8,8 @@
     .filemanager-path {
         display: block;
         margin-bottom: 30px;
+        letter-spacing: 1px;
+        font-weight: $font-weight-bold;
     }
 
     .search-form {
@@ -22,53 +24,81 @@
             margin-right: 20px;
             margin-bottom: 20px;
             background: #fff;
-            width: 220px;
+            width: 160px;
             overflow: hidden;
             @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.10));
             @include transition(all ease .2s);
 
             &:hover {
                 @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.30));
+
+                .item-file-name {
+                    background: #eee;
+                }
             }
 
             .item-file-image {
-                height: 200px;
+                height: 150px;
                 background: #fff;
                 overflow: hidden;
                 position: relative;
 
                 a {
                     display: block;
                     height: 100%;
+                    position: relative;
 
                     img {
-                        height: 200px;
+                        height: 150px;
                         max-width: none;
                         width: auto;
                         min-width: 100%;
+                        position: absolute;
+                        left: 50%;
+                        @include transform(translateX(-50%));
                     }
 
+
                     i {
                         display: block;
                         text-align: center;
                         height: 100%;
                         width: 100%;
-                        line-height: 210px;
+                        line-height: 155px;
                         color: #444;
-                        font-size: 100px;
+                        font-size: 80px;
                     }
 
                     .fa-folder {
-                        font-size: 180px;
-                        line-height: 215px;
+                        font-size: 120px;
+                        line-height: 160px;
                         color: #ede079;
                     }
+
+                    .fa-file-archive-o {
+                        color: #654aa7;
+                    }
+
+                    .fa-file-excel-o {
+                        color: #217346;
+                    }
+
+                    .fa-file-word-o {
+                        color: #2b579a;
+                    }
+
+                    .fa-file-pdf-o {
+                        color: #dd4a4a;
+                    }
+
+                    .fa-file-text-o {
+                    }
                 }
             }
 
             .item-file-name {
-                height: 40px;
-                line-height: 40px;
+                height: 35px;
+                line-height: 35px;
                 display: block;
                 position: relative;
                 @include user-select(none);
@@ -82,7 +112,7 @@
                 input {
                     position: absolute;
                     left: 13px;
-                    top: 14px;
+                    top: 11px;
                     margin: 0;
                 }
             }
diff --git a/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/modules/_modals.scss b/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/modules/_modals.scss
@@ -4,14 +4,14 @@
 
         .btn {
             float: left;
-            margin-right:10px;
-            
+            margin-right: 10px;
         }
+
         &:after {
-  content: "";
-  display: table;
-  clear: both;
-}
+            content: "";
+            display: table;
+            clear: both;
+        }
     }
 
     .modal-header {
diff --git a/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/pages/custom/_plugins.scss b/BlogEngine/BlogEngine.NET/admin/themes/standard/sass/pages/custom/_plugins.scss
@@ -1,5 +1,14 @@
 ﻿.custom-plugins-view {
     //
+    .iframe-package {
+        .modal-body {
+        }
+
+        iframe {
+            height: 100%;
+        }
+    }
+
     .modal-package {
         padding: 0 !important;
 
@@ -126,4 +135,4 @@
             padding: 0 10px;
         }
     }
-}
+}
