fileupload.css.scss in ab_admin-0.4.0

- old
+ new

@@ -1,25 +1,63 @@
+//q= require ab_admin/jquery.Jcrop.min
+
 .fileupload {
   overflow: hidden;
   position: relative;
   padding-top: 10px;
   padding-left: 10px;
-  &.image_asset_type {
-    .asset {
+  .fileupload-button {
+    position: relative;
+    overflow: hidden;
+    input {
+      position: absolute;
+      top: 0;
+      right: 0;
+      margin: 0;
+      opacity: 0;
+      font-size: 200px;
+      direction: ltr;
+      cursor: pointer;
+    }
+  }
+  .fileupload-edit-button {
+    margin-left: 10px;
+    display: none;
+  }
+  .fileupload-types {
+    overflow: hidden;
+    padding-top: 10px;
+    padding-left: 5px;
+    z-index: 2;
+    position: relative;
+  }
+  .fileupload-info {
+    float: right;
+    color: #5b6569;
+    font-size: 0.9em;
+  }
+  .fileupload-info-extensions {
+    text-transform: uppercase;
+  }
+  &.error .help-inline {
+    color: #b94a48;
+  }
+  &.fileupload-file_type-image {
+    .fileupload-asset {
       float: left;
       overflow: hidden;
       margin: 3px;
       position: relative;
       z-index: 3;
-      .del_asset, .main_image, .crop_image, .rotate_image {
+      .destroy_asset, .main_image, .crop_image, .rotate_image {
         position: absolute;
         cursor: pointer;
         background: rgba(100, 131, 137, 0.6);
         z-index: 4;
         padding: 1px 3px;
       }
-      .del_asset {
+      .destroy_asset {
         right: 0;
         top: 0;
       }
       .main_image {
         right: 0;
@@ -33,57 +71,27 @@
       .rotate_image {
         left: 0;
         bottm: 0;
       }
     }
-    &.one_asset .main_image {
+    &.fileupload-single .main_image {
       display: none;
     }
   }
-  &.file_asset_type {
-    .asset {
+  &.fileupload-file_type-file {
+    .fileupload-asset {
       margin-bottom: 10px;
       z-index: 2;
       position: relative;
-      .del_asset {
+      .destroy_asset {
         margin-left: 15px;
       }
     }
   }
-  .file-name {
-    color: #5b6569;
-    font-size: 0.9em;
-    font-weight: bold;
-  }
-  .file-types {
-    overflow: hidden;
-    padding-top: 10px;
-    padding-left: 5px;
-    z-index: 2;
-    position: relative;
-  }
-  .fileupload-button {
-    z-index: 3;
-  }
+}
 
-  .file-types .type-info {
-    float: right;
-    color: #5b6569;
-    font-size: 0.9em;
-    text-transform: uppercase;
+.fileupload-edit-form {
+  .thumbnail img {
+    max-height: 130px;
   }
-  .fileupload-drop-area {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    min-height: 70px;
-    z-index: 1;
-    text-align: center;
-    color: #999;
-    font-size: 18px;
-  }
-  &.error .help-inline {
-    color: #b94a48;
-  }
 }
+