[IMP] replace icon size select by selectable multi-size preview

bzr revid: xmo@openerp.com-20140120162604-yoyg21bf1z306hwg

2 files changed, 31 insertions, 10 deletions

diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css
index 0bb901c3676..e68d888fbac 100644
--- a/addons/website/static/src/css/editor.css
+++ b/addons/website/static/src/css/editor.css
@@ -219,6 +219,16 @@ ul.oe_menu_editor .disclose {
   text-align: center;
   cursor: pointer;
 }
+.modal #fa-preview {
+  text-align: center;
+}
+.modal #fa-preview span {
+  cursor: pointer;
+  padding: 0 15px;
+}
+.modal #fa-preview .font-icons-selected {
+  background-color: #dddddd;
+}
 
 .existing-attachments .pager .disabled {
   display: none;
diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass
index 8e29015fac0..d35e07e6995 100644
--- a/addons/website/static/src/css/editor.sass
+++ b/addons/website/static/src/css/editor.sass
@@ -173,17 +173,28 @@ ul.oe_menu_editor
         visibility: visible !important
 
 // fontawesome modal
-.modal .font-icons-icons
-    font-size: 2em
-    max-height: 6em
-    overflow: auto
-
-    .font-icons-icon
-        display: inline-block
-        width: 2em
-        padding: 0.25em
+.modal
+    .font-icons-icons
+        font-size: 2em
+        max-height: 6em
+        overflow: auto
+
+        .font-icons-icon
+            display: inline-block
+            width: 2em
+            padding: 0.25em
+            text-align: center
+            cursor: pointer
+
+    #fa-preview
         text-align: center
-        cursor: pointer
+
+        span
+            cursor: pointer
+            padding: 0 15px
+        .font-icons-selected
+            background-color: #ddd
+
 
 .existing-attachments .pager .disabled
     display: none