From: Rob Crittenden <rcritten@redhat.com>
Date: Wed, 2 Sep 2015 21:03:16 +0000 (-0400)
Subject: Add CSS to preview an uploaded image
X-Git-Tag: v1.1.0~19
X-Git-Url: http://git.cascardo.eti.br/?p=cascardo%2Fipsilon.git;a=commitdiff_plain;h=6487bce2a3acaa9bd24cdf280680662085db8472

Add CSS to preview an uploaded image

https://fedorahosted.org/ipsilon/ticket/148

Signed-off-by: Rob Crittenden <rcritten@redhat.com>
Reviewed-by: Patrick Uiterwijk <puiterwijk@redhat.com>
---

diff --git a/Makefile b/Makefile
index ddfdf14..ec3ce47 100644
--- a/Makefile
+++ b/Makefile
@@ -54,6 +54,7 @@ ui: less/ipsilon.less less/admin.less
 	# Create CSS
 	lesscpy less/ipsilon.less > ui/css/ipsilon.css
 	lesscpy less/admin.less > ui/css/admin.css
+	lesscpy less/styles.less > ui/css/styles.css
 
 # Requires NodeJS less and clear-css packages
 # Should be removed when lesscpy starts to work properly
diff --git a/less/admin/widgets.less b/less/admin/widgets.less
index 681d3aa..0bf3a2d 100644
--- a/less/admin/widgets.less
+++ b/less/admin/widgets.less
@@ -84,3 +84,12 @@
     animation-name: flashout;
     animation-fill-mode: both
 }
+
+#imagePreview {
+    width: 200px;
+    height: 100px;
+    background-position: center center;
+    background-size: cover;
+    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
+    display: inline-block;
+}