Improve SEO tools CSS across themes

bzr revid: ddm@openerp.com-20130827141235-wfrx21hqem1v076b

addons/website/static/src/css/editor.css

@@ -1,14 +1,13 @@
 @charset "utf-8";
-
-
 /* ---- CKEditor Minimal Reset ---- */
-
 .navbar.navbar-inverse .cke_chrome {
   border: none;
 }
+
 .navbar.navbar-inverse .cke_inner {
   background: transparent;
 }
+
 .navbar.navbar-inverse .cke_top {
   background: transparent;
   border: none;
@@ -17,9 +16,7 @@
   -moz-box-shadow: none;
 }
 
-
-/* ---- OpenERP ---- */
-
+/* ---- OpenERP Style ---- */
 .oe_hidden {
   display: none !important;
 }
@@ -236,12 +233,13 @@
   left: 0px;
 }
 
-/* ---- MOBILE PREVIEW ---- */
+/* ---- MODAL DIALOGS ---- */
 .oe_stop_scrolling {
   height: 100%;
   overflow: hidden;
 }
 
+/* ---- MOBILE PREVIEW ---- */
 .oe_mobile_preview.modal {
   height: 660px;
   background-color: black;
@@ -282,7 +280,7 @@
 }
 
 .oe_mobile_preview_header .close {
-  color: lightgrey;
+  color: #1a1a1a;
   opacity: 1;
 }
 .oe_mobile_preview_header .close:hover {
@@ -290,11 +288,12 @@
   opacity: 1;
 }
 
+/* ---- SEO TOOLS ---- */
 .oe_seo_configuration input {
-  width: inherit;
+  width: 90%;
 }
 .oe_seo_configuration textarea {
-  width: inherit;
+  width: 90%;
 }
 .oe_seo_configuration ul {
   list-style: none;
@@ -304,9 +303,9 @@
 }
 
 .oe_seo_keywords_list {
-  width: 39em;
+  width: 80%;
 }
 .oe_seo_keywords_list li {
   float: left;
-  width: 12em;
+  width: 15em;
 }

addons/website/static/src/css/editor.sass

@@ -203,12 +203,14 @@
 .oe_handle.nw,.oe_handle.w,.oe_handle.sw
     left: 0px
 
-/* ---- MOBILE PREVIEW ---- */
+/* ---- MODAL DIALOGS ---- */
 
 .oe_stop_scrolling
     height: 100%
     overflow: hidden
 
+/* ---- MOBILE PREVIEW ---- */
+
 $mobile_preview_background: #000000
 $mobile_preview_border: #1A1A1A
 $icon_close: #E00101
@@ -247,24 +249,27 @@ $icon_close: #E00101
 
 .oe_mobile_preview_header
     .close
-        color: lightgrey
+        color: $mobile_preview_border
         opacity: 1
     .close:hover
         color: $icon_close
         opacity: 1
 
+/* ---- SEO TOOLS ---- */
+
+$remove_color: $icon_close
 .oe_seo_configuration
     input
-        width: inherit
+        width: 90%
     textarea
-        width: inherit
+        width: 90%
     ul
         list-style: none
     .oe_remove
-        color: $icon_close
+        color: $remove_color
 
 .oe_seo_keywords_list
-    width: 39em
+    width: 80%
     li
         float: left
-        width: 12em
+        width: 15em

addons/website/static/src/js/website.js

@@ -246,12 +246,15 @@
         },
         start: function () {
             $('body').addClass('oe_stop_scrolling');
-
-            this.$el.find('input[name=seo_page_url]').val(window.location.href);
+            this.$el.find('.js_seo_page_url').text(this.currentPage());
             this.$el.find('input[name=seo_page_title]').val($('title').text());
-
             this.$el.modal();
         },
+        currentPage: function () {
+            var url = window.location.href;
+            var hashIndex = url.indexOf('#');
+            return hashIndex > 0 ? url.substring(0, hashIndex): url;
+        },
         keywords: function () {
             var result = [];
             this.$el.find('.js_seo_keyword').each(function () {
@@ -272,7 +275,8 @@
             }
         },
         addKeyword: function () {
-            var word = this.$el.find('input[name=seo_page_keywords]').val().trim();
+            var word = this.$el.find('input[name=seo_page_keywords]').val()
+                .replace(/[,;.:]+/gm, " ").replace(/ +/g, " ").trim();
             if (word && !this.isKeywordListFull() && !this.isExistingKeyword(word)) {
                 new website.seo.Keyword(this, {
                     keyword: word

addons/website/static/src/xml/website.xml

@@ -55,18 +55,14 @@
     </t>
 
     <t t-name="website.seo_configuration">
-        <div class="modal hide fade oe_seo_configuration" tabindex="-1" role="dialog" aria-labelledby="seo-configuration-title" aria-hidden="true">
+        <div class="modal hide fade oe_seo_configuration" tabindex="-1" role="dialog" aria-labelledby="js_seo_page_url" aria-hidden="true">
             <div class="modal-header">
                 <button title="Close" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                <h3 id="seo-configuration-title">Promote your page on the web</h3>
+                <h3>Promote your page on the Web</h3>
+                <br/>
+                <span class="js_seo_page_url"></span>
             </div>
             <div class="modal-body">
-                <div class="control-group">
-                    <label class="control-label" for="seo_page_url">URL</label>
-                    <div class="controls">
-                        <input type="text" name="seo_page_url" maxlength="70" size="70" readonly="readonly"/>
-                    </div>
-                </div>
                 <div class="control-group">
                     <label class="control-label" for="seo_page_title">Title</label>
                     <div class="controls">