Merge pull request #15 from milky-ashes/master

new style for cropper
spiral-modules · Jan 22, 2016 · 8b7e621 · 8b7e621
2 parents 42fc2e0 + f8a2a8d
commit 8b7e621
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 0 deletions.
diff --git a/resources/styles/spiral/vault/sstyle.scss b/resources/styles/spiral/vault/sstyle.scss
@@ -776,6 +776,36 @@ textarea {
 }
 
 /*cropper*/
+
+.item-file {
+  position: relative;
+
+  .item-input {
+    opacity: 0;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+  }
+  .sf-crop-filename {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: 100%;
+  }
+}
+
+.sf-crop-modal button.btn {
+  box-shadow: none;
+  font-weight: bold;
+  padding: 0;
+  margin-left: 20px;
+
+  &:hover {
+    background: transparent;
+    opacity: .7;
+  }
+}
+
 .file-field.input-field .btn{
   margin-right: 10px;
   text-align: center;

diff --git a/resources/styles/spiral/vault/vault.css b/resources/styles/spiral/vault/vault.css
@@ -10920,6 +10920,28 @@ textarea {
   padding: 0; }
 
 /*cropper*/
+.item-file {
+  position: relative; }
+  .item-file .item-input {
+    opacity: 0;
+    position: absolute;
+    bottom: 0;
+    left: 0; }
+  .item-file .sf-crop-filename {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: 100%; }
+
+.sf-crop-modal button.btn, .sf-crop-modal button.btn-large {
+  box-shadow: none;
+  font-weight: bold;
+  padding: 0;
+  margin-left: 20px; }
+  .sf-crop-modal button.btn:hover, .sf-crop-modal button.btn-large:hover {
+    background: transparent;
+    opacity: .7; }
+
 .file-field.input-field .btn, .file-field.input-field .btn-large {
   margin-right: 10px;
   text-align: center; }