yona-projects / yona star
doortts doortts 2017-01-29
my-files: Resize preview image max size and file name
@ae50f20c368c5a999bc1ea6c7f3c351b2a70032f
bda6993
ae50f20
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -6552,6 +6552,7 @@
 
 }
 
 
 .attachment-files {
 
+    color: gray;
 
     .attachment-files-header {
 
         font-size: 16px;
 
         font-weight: bold;
@@ -6578,15 +6579,15 @@
 
         padding: 5px;
 
         font-family: @fixed-font-family;
 
         line-height: 30px;
 
+        border: 1px solid #fff;
 
         border-bottom: 1px solid #eee;
 
         margin-left: auto !important;
 
         .file-preview {
 
-            max-height: 80px;
 
+            max-height: 40px;
 
             overflow: hidden;
 
             margin-left: auto;
 
             img {
 
-                border: 1px solid #777;
 
-                max-width: 60px;
 
+                max-width: 40px;
 
                 box-sizing: border-box;
 
             }
 
         }
@@ -6596,6 +6597,8 @@
 
                 padding-right: 5px;
 
             }
 
             font-family: @base-font-family;
 
+            font-weight: bold;
 
+            color: black;
 
         }
 
         .file-size {
 
             text-align: right;
@@ -6617,7 +6620,7 @@
 
         }
 
     }
 
     .hover {
 
-        background-color: #f1f1f1;
 
+        border: 1px solid #10A2E4;
 
     }
 
 }
bda6993
ae50f20
app/assets/stylesheets/less/_responsive.less
--- app/assets/stylesheets/less/_responsive.less
+++ app/assets/stylesheets/less/_responsive.less
@@ -451,7 +451,7 @@
 
         .attachment-file-detail {
 
             .file-name {
 
                 max-width: 200px;
 
-                font-size: 12px;
 
+                font-size: 14px;
 
                 word-break: break-all;
 
             }
 
             .file-size {
Add a comment
List