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 (file)
--- 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 (file)
--- 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;
+}