WEB-60 - View image styles

mgallego · Feb 17, 2013 · 71d7e50 · 71d7e50
1 parent b3d5af7
commit 71d7e50
Show file tree

Hide file tree

Showing 10 changed files with 84 additions and 231 deletions.
diff --git a/src/SFM/PicmntBundle/Resources/public/less/forms.less b/src/SFM/PicmntBundle/Resources/public/less/forms.less
@@ -25,3 +25,9 @@ input[type="text"], select, textarea, input[type="password"],input[type="email"]
     background: @textareaBackgroundColor;
     .textareaBackground;
 }
+
+.fake-input {
+    background: @header-background-color !important;
+    border: 0 !important;
+    width: 20px;
+}
diff --git a/src/SFM/PicmntBundle/Resources/public/less/img_box.less b/src/SFM/PicmntBundle/Resources/public/less/img_box.less
diff --git a/src/SFM/PicmntBundle/Resources/public/less/picmnt.less b/src/SFM/PicmntBundle/Resources/public/less/picmnt.less
@@ -6,20 +6,20 @@
 
 @import 'forms.less';
 @import 'buttons.less';
+@import 'sliders.less';
 
 @import 'thumbs.less';
-
 @import 'header.less';
-
 @import 'footer.less';
 
 @import 'edit_image.less';
 
+@import 'alert.less';
 
-@import 'img_box.less';
+//@import 'img_box.less';
 
 @import 'user.less';
-@import 'alert.less';
+
 @import 'uploads.less';
 @import 'profile.less';
 
diff --git a/src/SFM/PicmntBundle/Resources/public/less/scaffolding.less b/src/SFM/PicmntBundle/Resources/public/less/scaffolding.less
@@ -48,27 +48,37 @@
 }
 
 .row {
-    margin-bottom: 20px;
+    margin-top: 20px;
 }
 
 .row_1 {
-    margin-bottom: 40px;
+    margin-top: 40px;
+}
+
+.span {
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 .span_1 {
-    margin: 0 5px;
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 .span_2 {
-    margin: 0 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.span-medium {
+    padding-bottom: 50px !important;
 }
 
 .minor-import {
     color: @darkGrey;
     font-size: 0.9em;
 }
 
-
 .accent:hover {
     background: @accentColor;
 }
@@ -85,6 +95,17 @@
     display: inline;
 }
 
-li.large {
+
-    min-height: 60px;
+
+
+/////// IMG BOX
+.img-box {
+    background: @header-background-color;
+    border: 1px solid @boxBorderColor;
+    margin-bottom: 10px;
+    padding: 5px;
+}
+
+.inline {
+    display: inline-block !important;
 }
diff --git a/src/SFM/PicmntBundle/Resources/public/less/sliders.less b/src/SFM/PicmntBundle/Resources/public/less/sliders.less
@@ -0,0 +1,6 @@
+.slider {
+    background: white;
+    width: 190px;
+    margin: 0 auto;
+    margin-bottom: 20px;
+}
diff --git a/src/SFM/PicmntBundle/Resources/public/less/thumbs.less b/src/SFM/PicmntBundle/Resources/public/less/thumbs.less
@@ -6,8 +6,8 @@
 .img-thumb {
     position: relative;
     margin: 8px;
-    height: @thumbMediumHeight;
+    height: @thumbLargeHeight;
-    width:  @thumbMediumWidth;
+    width:  @thumbLargeWidth;
 }
 
 
@@ -53,3 +53,8 @@
     height: @thumbSmallHeight;
     width:  @thumbSmallWidth;
 }
+
+.thumb-medium {
+    height: @thumbMediumHeight;
+    width:  @thumbMediumWidth;
+}
diff --git a/src/SFM/PicmntBundle/Resources/public/less/type.less b/src/SFM/PicmntBundle/Resources/public/less/type.less
@@ -16,6 +16,11 @@ li {
   line-height: @baseLineHeight;
 }
 
+li.large {
+    min-height: 60px;
+}
+
+
 // Remove default list styles
 ul.unstyled,
 ol.unstyled {

diff --git a/src/SFM/PicmntBundle/Resources/public/less/variables.less b/src/SFM/PicmntBundle/Resources/public/less/variables.less
@@ -55,5 +55,7 @@
 //thumbnails
 @thumbSmallWidth: 50px;
 @thumbSmallHeight: 50px;
-@thumbMediumWidth: 180px;
+@thumbMediumWidth: 100px;
-@thumbMediumHeight: 180px;
+@thumbMediumHeight: 100px;
+@thumbLargeWidth: 180px;
+@thumbLargeHeight: 180px;
diff --git a/src/SFM/PicmntBundle/Resources/public/less/view_image.less b/src/SFM/PicmntBundle/Resources/public/less/view_image.less