Ray's css fix for quick edit

app/assets/stylesheets/list.css

@@ -35,6 +35,9 @@
 	width: 350px;
 	left: -8px;
 }
+.main-list tr:first-child td {
+	border-top: 1px solid #DDDDDD;
+}
 .main-list td {
 	background-color: #FFFFFF;
 	border-bottom: 1px solid #DDDDDD;
@@ -75,6 +78,9 @@
 	-moz-border-radius: 3px;
 	z-index: 5;
 }
+.qe-edit-div .table-condensed {
+	background-color: #F2F2F2;
+}
 .table-label {
     background-color: #F2F2F2;
     position: relative;
@@ -94,6 +100,18 @@
 	height:auto;
 	padding: 0;
 }
+.qe-block legend {
+	padding-left: 8px;
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+.qe-block .control-group {
+	margin-bottom: 0;
+}
+.qe-block .controls, .qe-block .control-label {
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
 .qe-block .table td, .qe-block .table th {
 	padding: 8px;
 }

app/assets/stylesheets/style.css.erb

@@ -1,5 +1,5 @@
-/*style*/
-
+/*style*/
+
 @font-face{ 
 	font-family: 'WebSymbolsRegular';
 	src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>);
@@ -109,7 +109,7 @@
 	text-indent: -9999px;
 	padding:6px;
 }
-#orbit-bar .nav > li.search {
+#orbit-bar .nav > li.search {
 	background-image: none;
 	overflow: hidden;
 	width: 28px;
@@ -323,9 +323,9 @@
 #main-wrap .breadcrumb li {
 	font-size: 12px;
 	color: #999;
-}
-.form-actions .btn {
-	margin-bottom: 0;
+}
+.form-actions .btn {
+	margin-bottom: 0;
 }
 #sub-wiget {
 	clear: right;
@@ -569,8 +569,8 @@
     padding: 5px;
 }
 .popover-content {
-	-webkit-border-radius: 0 0 3px 3px;
-	-moz-border-radius: 0 0 3px 3px;
+	-webkit-border-radius: 0 0 3px 3px;
+	-moz-border-radius: 0 0 3px 3px;
 	border-radius: 0 0 3px 3px;
     padding: 5px;
 }
@@ -612,20 +612,32 @@
 }
 .text-green {
 	color: #39b54a !important;
+}
+.adbanner-setup {
+	margin-right: 10px;
+	margin-bottom: 30px !important;
+}
+.adbanner-list {
+	border-top: 1px solid #AAA;
+	margin-right: 10px;
+	padding-top: 10px;
+	position: relative;
+}
+.adbanner-list ul {
+	margin: 0px;
+}
+.adbanner-list ul li {
+	list-style: none;
+	margin-left: 0;
+	margin-right: 20px;
+}
+.adbanner-action {
+	position: absolute;
+	top: -32px;
+	right: 0;
 }
-.adbanner-list {
-	margin-top: 20px;
-}
-.adbanner-list ul {
-	margin: 0px;
-}
-.adbanner-list ul li {
-	list-style: none;
-	margin-left: 0;
-	margin-right: 20px;
-}
-.adbanner-action {
-	margin-bottom: 20px;
+#bulletin_link_qe form {
+	margin: 0;
 }
 [class^="icons-"] {
 	display: inline-block;

app/assets/stylesheets/widgets.css

@@ -1,5 +1,5 @@
-/*Widget*/
-
+/*Widget*/
+
 
 .widget-size-300 {
 	width:298px;
@@ -100,6 +100,18 @@
 }
 .file-upload .upload:focus {
 	position:absolute;
+}
+.file-upload .input-medium {
+    border-radius: 3px 3px 3px 3px !important;
+    width: 267px;
+    position: relative;
+	z-index: 5;
+	display: block;
+	clear: both;
+}
+.file-upload .control-label {
+	margin-top: 0;
+	margin-bottom: 5px;
 }
 .upload-picture {
 	margin-bottom: 5px;
@@ -120,12 +132,6 @@
     margin : 0px 0 5px;
     padding: 5px 10px;
 }
-.file-upload .input-medium {
-    border-radius: 3px 3px 3px 3px !important;
-    width: 267px;
-    position: relative;
-	z-index: 5;
-}
 #widget-link table {
 	margin-bottom:0
 }

app/views/admin/ad_banners/_ad_banner_tab.html.erb

@@ -1,23 +1,27 @@
-<div class="tab-pane <%= "active"  if ad_banner_tab==@active%>" id=<%= ad_banner_tab.title %>>
-	<p><%= t("admin.ad.banner_best_size") %>：</p>
+<div class="tab-pane fade <%= "active in"  if ad_banner_tab==@active%>" id=<%= ad_banner_tab.title %>>
 
 	<%= form_for ad_banner_tab,:url=> admin_ad_banner_path(ad_banner_tab),:method => :put,:class=>"input-medium" do |f| -%>
-		<%= f.label :ad_fx, t('admin.ad.ab_fx') %>
-		<%= f.select :ad_fx ,AdBanner::FX_TYPES %>
-		<%= f.label :transition_sec, t('admin.ad.transition_sec') %>
-		<%= f.text_field :transition_sec,:placeholder=>t('admin.ad.sec_place_holder'),:class=> "span3" %> <%= t("admin.ad.trans_unit_sec") %>
-		<%= f.submit t("admin.ad.update_banner") %>
-		<%= f.submit t("cancel"),:type=>'reset' %>
-	<div class="adbanner-list">
-		<div class="adbanner-action">
-			<%= link_to t("admin.ad.new_image"),new_admin_ad_banner_ad_image_path(ad_banner_tab) ,:class => "btn btn-primary"%>
-			<%= link_to t("modal.preview"), admin_realtime_preview_ad_banner_path(ad_banner_tab.title) , :class=>'preview_trigger btn btn-success'%>
+		<div class="adbanner-setup well">
+			<!--<p><%#= t("admin.ad.banner_best_size") %>：</p>-->
+			<%= f.label :ad_fx, t('admin.ad.ab_fx') %>
+			<%= f.select :ad_fx ,AdBanner::FX_TYPES %>
+			<%= f.label :transition_sec, t('admin.ad.transition_sec') %>
+			<%= f.text_field :transition_sec,:placeholder=>"3秒請輸入3000",:class=> "span3" %> <%= t("admin.ad.trans_unit_sec") %>
+			<br>
+			<%= f.submit t("admin.ad.update_banner"), :class => 'btn' %>
+			<%= f.submit t("cancel"),:type=>'reset', :class => 'btn'  %>
+		</div>
+		<h3>圖片列表</h3>
+		<div class="adbanner-list">
+			<div class="adbanner-action pagination-right">
+				<%= link_to t("admin.ad.new_image"),new_admin_ad_banner_ad_image_path(ad_banner_tab) ,:class => "btn btn-primary"%>
+				<%= link_to t("modal.preview"), admin_realtime_preview_ad_banner_path(ad_banner_tab.title) , :class=>'preview_trigger btn btn-success'%>
+			</div>
+			<ul class="clear">
+				<%= render :partial => "ad_image_update", :collection => ad_banner_tab.ad_images,:as => :ad_image,:locals=>{:ad_banner => ad_banner_tab}  %>
+			</ul>
+			<%#= render :partial => 'new_add_banner_file', :object => ad_banner_tab.ad_images.build, :locals => { :field_name => "new_ad_images[]", :f => f, :classes => "r_destroy" } %>
 		</div>
-		<ul class="clear">
-			<%= render :partial => "ad_image_update", :collection => ad_banner_tab.ad_images,:as => :ad_image,:locals=>{:ad_banner => ad_banner_tab}  %>
-		</ul>
-		<%#= render :partial => 'new_add_banner_file', :object => ad_banner_tab.ad_images.build, :locals => { :field_name => "new_ad_images[]", :f => f, :classes => "r_destroy" } %>
-	</div>
 	<% end -%>
 	<%#= render :partial => 'preview_block',:locals=> {:ad_banner =>ad_banner_tab} %> 
 </div>

app/views/admin/ad_images/_form.html.erb

@@ -83,7 +83,7 @@
             <span class="alert widgetInfo">此區塊圖片尺寸請使用580px × 225px</span>
             <div class="controls file-upload input-prepend">
               <label class="control-label add-on btn" for="input-upload">
-								Choose file
+								<%= t(:browse) %>
 								<%= f.file_field :file,:id=>"input-upload",:class => "upload", :onchange=> "document.getElementById('fu1').innerHTML = this.form.fu1.value = this.value;" %>
 							</label>
 							<span id="fu1" class="file-name"></span>

vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/_bulletin_link_qe.html.erb

@@ -25,12 +25,11 @@
 			</div>
 		<% end %>
 	<% end %>
-
+	</div>
 	<div class="modal-footer">
 		<%= hidden_field_tag 'bulletin_link[bulletin_id]', @bulletin_link.bulletin_id %>
 		<%= f.submit t('submit'), :class=>'btn btn-primary' %>
-	  <a class="btn" data-dismiss="modal"><%= t('cancel')%></a
-	</div>
+	  <a class="btn" data-dismiss="modal"><%= t('cancel')%></a>
 <% end %>
 		
 

vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/_quick_edit_picture.html.erb

@@ -1,24 +1,25 @@
 <div id="qe-picture" class="qe-edit-div">
-    <div id="widget-picture">
+    <div id="widget-picture clear">
         <div class="control-group">
-            <label class="control-label">Picture</label>
+            <!--<label class="control-label">Picture</label>-->
             <div class="control-group">
-                <img class="pull-left upload-picture" src="" />
-                <div class="controls file-upload">
-				<label class="control-label btn" for="input-upload">
-					Browse/選擇檔案
-					<%= f.file_field :image, :id => "input-upload", :class => 'upload', :onchange => "document.getElementById('fu').innerHTML = this.form.fu.value = this.value;" %>
-				</label>
-                <span id='fu' class="file-name"></span>
-                <br>
-                <input name='fu' class="input-large" type="text">
-				<br>
-				<% if bulletin.image.file %>
-					<%= f.check_box :remove_image %>
-					<%= t('announcement.刪除已上傳檔案') %>
-				<% end %>
+                <div class="controls upload-picture">
+                    <img class="pull-left upload-picture" src="" />
+                </div>
+                <div class="controls file-upload input-prepend">
+				    <label class="control-label add-on btn" for="input-upload">
+					   <%= t(:browse) %>
+					   <%= f.file_field :image, :id => "input-upload", :class => 'upload', :onchange => "document.getElementById('fu').innerHTML = this.form.fu.value = this.value;" %>
+				    </label>
+                    <span id='fu' class="file-name"></span>
+                    <input name='fu' class="input-medium qe-picture-rename" type="text">
+				    <br>
+				    <% if bulletin.image.file %>
+					   <%= f.check_box :remove_image %>
+					   <%= t('announcement.刪除已上傳檔案') %>
+				    <% end %>
                 </div>
             </div>
         </div>
     </div>
-</div>
+</div>

vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/_quick_edit_tags.html.erb

@@ -34,11 +34,15 @@
 
 <div id="qe-tags" class="qe-edit-div">
 	<div id="widget-tags">
-		<div class="form-horizontal">
-			<% @tags.each do |tag| %>
-			<%= check_box_tag 'bulletin[tag_ids][]', tag.id, bulletin.tag_ids.include?(tag.id)%>
-			<%= tag[I18n.locale] %>
-			<% end %>
-		</div>
+        <div class="controls">
+    		<div class="form-horizontal">
+    			<% @tags.each do |tag| %>
+                <label class="checkbox inline">
+    			<%= check_box_tag 'bulletin[tag_ids][]', tag.id, bulletin.tag_ids.include?(tag.id)%>
+    			<%= tag[I18n.locale] %>
+                </label>
+    			<% end %>
+    		</div>
+        </div>
 	</div>
 </div>