Display svg elements as image

2015-03-01 13:34:32 +01:00
parent 275b4524bc
commit 9cba5a11ff
3 changed files with 18 additions and 5 deletions
@@ -1,7 +1,8 @@
-p Add those elements!
-ul
+if svg_element.isLoading
+  span.fa.fa-2x.fa-spinner.fa-spin
+else
+  ul.add-section-element-list
    each svg_element in svg_elements
-    li: a{action "addSectionElement" svg_element}= svg_element.name
-
+      li: a{action "addSectionElement" svg_element}= svg svg_element.svg
 hr
 button.modal-close{action "close"}=t 'section.add_section.modal.close_button'
@@ -4,3 +4,4 @@ $qbrown-active: lighten($qbrown, 20%)
 $wood: image-url('textures/theme1.jpg')
 $background-brown: #57351f
 $current-color: #fc3
+$active-color: #fc3
@@ -0,0 +1,11 @@
+.add-section-element-list
+  list-style: none
+  li
+    list-style: none
+    float: left
+    margin-right: 10px
+    margin-bottom: 10px
+    width: 80px
+    border: 2px outset #aaa
+    &:hover
+      border-color: $active-color