From b4ae6e555ca2a90db2e7ef12220b7b066a3b16b0 Mon Sep 17 00:00:00 2001
From: rMalie <raphael.malie@prestashop.com>
Date: Wed, 15 Feb 2012 10:36:53 +0000
Subject: [PATCH] // Improve BO design with chosen on options and forms

git-svn-id: http://dev.prestashop.com/svn/v1/branches/1.5.x@13334 b9a71923-0436-4b27-9f14-aed3839534dd
---
 admin-dev/themes/default/css/admin.css                 | 10 ++++++----
 admin-dev/themes/default/template/header.tpl           |  6 +++---
 .../themes/default/template/helpers/form/form.tpl      |  4 ++--
 .../default/template/helpers/options/options.tpl       |  4 ++--
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/admin-dev/themes/default/css/admin.css b/admin-dev/themes/default/css/admin.css
index cd9ea985c..edd7c946f 100644
--- a/admin-dev/themes/default/css/admin.css
+++ b/admin-dev/themes/default/css/admin.css
@@ -58,16 +58,16 @@ input.button[disabled=disabled]:hover{background-color:#FFF6D3}
 #header #header_infos #header_foaccess a {color:#bababa !important;}
 #header #header_infos a#header_foaccess:hover { color:#fff;}
 #header #header_search{ float:left; margin-top:15px; position:relative;  }
-#header #header_search #bo_query{ font: 13px Arial,sans-serif; float:left;background: none repeat scroll 0 0 #fff;  border:1px solid #000; border-radius:4px;  padding: 5px 25px 5px 4px; width: 180px; box-shadow: 0 1px 0 #666;}
-#header #header_search #bo_search_type{ font-size:13px; float:left; margin:0 10px 0 0; padding:3px 0 4px; vertical-align:middle;width:auto; border-color: #666666 #CCCCCC #CCCCCC;border-style:solid solid solid none; height:27px; border-width: 1px;}
+#header #header_search #bo_query{ font: 13px Arial,sans-serif; float:left;background: none repeat scroll 0 0 #fff;  border:1px solid #000; border-radius:4px;  padding: 5px 25px 5px 4px; width: 155px; box-shadow: 0 1px 0 #666;}
+#header #header_search #bo_search_type_chzn{ font-size:13px; float:left; margin:0 10px 0 0; padding:2px 0 4px; vertical-align:middle;width:100px;height:27px;}
 #header #header_search #bo_search_submit { background: transparent url('../img/icon-search.png') no-repeat scroll center; border:none; width:27px; height:27px; float:left; font-weight:normal; margin:0; padding:0;  cursor:pointer; text-indent:-9999em; position:absolute; right:0; display:block; /*hacking ie7*/ font-size:0 !ie7; color: transparent !ie;}
 #header #header_quick{float:right; display:block; margin-top:15px;}
-#header #header_quick #quick_select{ font-size:13px; margin:0 10px 0 0; padding:3px 0 4px; vertical-align:middle;width:140px; height:27px;}
+#header #header_quick #quick_select_chzn{ font-size:13px; margin:0 10px 0 0; padding:0px 0 4px;  }
 #header #header_myaccount{background:url('../img/bg-lang.png') no-repeat;display:block;float:right;height:16px;margin:8px 1px 0 0;width:16px}
 
 
 .path_bar {display:none;}
-#notifs_icon_wrapper {float: left;position: relative;margin:15px 10px 0; width:90px;}
+#notifs_icon_wrapper {float: left;position: relative;margin:15px 10px 0; width:85px;}
 .notifs { float: left;position: relative;cursor: pointer;margin:0; padding:5px; width: 18px;height: 16px;}
 #orders_notif {background: url('../img/notif_order.png') no-repeat center top;}
 #customers_notif {background: url('../img/notif_customer.png') no-repeat center top;}
@@ -471,3 +471,5 @@ ul.listForm li {padding-bottom:3px;}
 .view-modules li.favorites-view-disabled:hover {border-color: #CCCCCC #BBBBBB #A0A0A0;}
 .view-modules li.favorites-view   {border-bottom-left-radius: 0;border-left: 1px solid #fff; border-top-left-radius: 0;}
 .view-modules li.normal-view  {border-bottom-right-radius: 0;border-right: 1px solid #ccc; border-top-right-radius: 0;}
+
+.margin-form select{width: 300px;}
\ No newline at end of file
diff --git a/admin-dev/themes/default/template/header.tpl b/admin-dev/themes/default/template/header.tpl
index eb6f5c89d..11c5e1eb2 100644
--- a/admin-dev/themes/default/template/header.tpl
+++ b/admin-dev/themes/default/template/header.tpl
@@ -155,7 +155,7 @@
 			</span>
 			<div id="header_search">
 			<form method="post" action="index.php?controller=AdminSearch&token={getAdminToken tab='AdminSearch'}">
-			<select name="bo_search_type" id="bo_search_type">
+			<select name="bo_search_type" id="bo_search_type" class="chosen">
 					<option value="0">{l s='everywhere'}</option>
 					<option value="1" {if {$search_type} == 1} selected="selected" {/if}>{l s='catalog'}</option>
 					<optgroup label="{l s='customers'}:">
@@ -180,10 +180,10 @@
 				else location.href = eltVal;
 			}
 		</script>
-		<select onchange="quickSelect(this);" id="quick_select">
+		<select onchange="quickSelect(this);" id="quick_select" class="chosen">
 			<option value="0">{l s='Quick Access'}</option>
 			{foreach $quick_access as $quick}
-				<option value="{$quick.link}{if $quick.new_window}_blank{/if}">&gt; {$quick.name}</option>
+				<option value="{$quick.link}{if $quick.new_window}_blank{/if}">&raquo; {$quick.name}</option>
 			{/foreach}
 		</select>
 	</div>
diff --git a/admin-dev/themes/default/template/helpers/form/form.tpl b/admin-dev/themes/default/template/helpers/form/form.tpl
index 1ef85b396..797a61955 100644
--- a/admin-dev/themes/default/template/helpers/form/form.tpl
+++ b/admin-dev/themes/default/template/helpers/form/form.tpl
@@ -141,7 +141,7 @@
 									{$input.required = false}
 									{$input.desc = null}
 								{else}
-									<select name="{$input.name}"
+									<select name="{$input.name}" class="chosen"
 											id="{if isset($input.id)}{$input.id}{else}{$input.name}{/if}"
 											{if isset($input.multiple)}multiple="multiple" {/if}
 											{if isset($input.size)}size="{$input.size}"{/if}
@@ -260,7 +260,7 @@
 										{if isset($input.autocomplete) && !$input.autocomplete}autocomplete="off"{/if} />
 							{elseif $input.type == 'birthday'}
 								{foreach $input.options as $key => $select}
-									<select name="{$key}">
+									<select name="{$key}" class="chosen">
 										<option value="">-</option>
 										{if $key == 'months'}
                                                 {*
diff --git a/admin-dev/themes/default/template/helpers/options/options.tpl b/admin-dev/themes/default/template/helpers/options/options.tpl
index 981f9fc8a..2b6f50f2f 100644
--- a/admin-dev/themes/default/template/helpers/options/options.tpl
+++ b/admin-dev/themes/default/template/helpers/options/options.tpl
@@ -86,7 +86,7 @@
 				{/block}
 				{if $field['type'] == 'select'}
 					{if $field['list']}
-						<select name="{$key}"{if isset($field['js'])} onchange="{$field['js']}"{/if} id="{$key}">
+						<select name="{$key}"{if isset($field['js'])} onchange="{$field['js']}"{/if} id="{$key}" class="chosen">
 							{foreach $field['list'] AS $k => $option}
 								<option value="{$option[$field['identifier']]}"{if $field['value'] == $option[$field['identifier']]} selected="selected"{/if}>{$option['name']}</option>
 							{/foreach}
@@ -145,7 +145,7 @@
 					{elseif $field['type'] == 'selectLang'}
 						{foreach $languages as $language}
 						<div id="{$key}_{$language.id_lang}" style="margin-bottom:8px; display: {if $language.id_lang == $current_id_lang}block{else}none{/if}; float: left; vertical-align: top;">
-							<select name="{$key}_{$language.iso_code|upper}">
+							<select name="{$key}_{$language.iso_code|upper}" class="chosen">
 								{foreach $field['list'] AS $k => $v}
 									<option value="{if isset($v.cast)}{$v.cast[$v[$field.identifier]]}{else}{$v[$field.identifier]}{/if}"
 										{if $field['value'][$language.id_lang] == $v['name']} selected="selected"{/if}>