[richfaces-svn-commits] JBoss Rich Faces SVN: r18807 - in trunk/ui/input/ui/src/main: templates and 1 other directory.

[richfaces-svn-commits at lists.jboss.org]

Author: abelevich
Date: 2010-08-19 07:59:59 -0400 (Thu, 19 Aug 2010)
New Revision: 18807

Modified:
   trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.ecss
   trunk/ui/input/ui/src/main/templates/inplaceInput.template.xml
Log:
https://jira.jboss.org/browse/RF-9065

Modified: trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.ecss
===================================================================
--- trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.ecss	2010-08-19 11:56:09 UTC (rev 18806)
+++ trunk/ui/input/ui/src/main/resources/META-INF/resources/org.richfaces/inplaceInput.ecss	2010-08-19 11:59:59 UTC (rev 18807)
@@ -13,6 +13,10 @@
 	font-size : inherit;
 }
 
+.rf-ii-lbl {
+	white-space : nowrap; 
+}
+
 .rf-ii-d-s { 
 	display : inline-block; 
 	white-space : nowrap; 
@@ -38,6 +42,7 @@
 	top : 0px; 
 	left : 0px; 
 	display : inline-block;
+	width: 100%;
 }
 
 .rf-ii-f {
@@ -59,13 +64,14 @@
 
 .rf-ii-btn {
 	background-image : "url(#{resource['org.richfaces.renderkit.html.images.InplaceComponentButtonGradientImage']})";
-	background-position: top;
+	background-attachment: scroll;
+	background-position: center top;
 	background-repeat: repeat-x;
 	background-color: '#{richSkin.tabBackgroundColor}';
 	border-width : 1px;
 	border-style: outset;
 	border-color: '#{richSkin.panelBorderColor}';
-	padding : 0px; 
+	padding : 3px; 
 	margin : 0px;
 }
 
@@ -104,6 +110,7 @@
 }
 
 .rf-ii-btn-shadow {
+	display: inline-block;
 	position: relative; 
 	padding : 6px 6px 6px 6px; 
 	top : -6px; 
@@ -111,8 +118,11 @@
 }
 
 .rf-ii-btn-shadow-t {
-	background-position : top left;
+	background-position : left top;
 	background-image : url("#{resource['org.richfaces:bg_shadow.png']}"); 
+	background-attachment: scroll;
+	background-color: transparent;
+	background-repeat: repeat;
 	position : absolute; 
 	width : 6px; 
 	top : 0px; 
@@ -121,8 +131,11 @@
 }
 
 .rf-ii-btn-shadow-l {
-	background-position : bottom left;
-	background-image : url("#{resource['org.richfaces:bg_shadow.png']}"); 
+	background-position : left bottom;
+	background-image : url("#{resource['org.richfaces:bg_shadow.png']}");
+	background-attachment: scroll;
+	background-color: transparent;
+	background-repeat: repeat;
 	position : absolute; 
 	height : 6px; 
 	bottom : 0px; 
@@ -131,8 +144,11 @@
 }
 
 .rf-ii-btn-shadow-r {
-	background-position : bottom right;
+	background-position : right bottom;
 	background-image : url("#{resource['org.richfaces:bg_shadow.png']}");
+	background-attachment: scroll;
+	background-color: transparent;
+	background-repeat: repeat;
 	position: absolute; 
 	width: 6px; 
 	top: 6px; 
@@ -143,6 +159,9 @@
 .rf-ii-btn-shadow-b {
 	background-position : right top;
 	background-image : url("#{resource['org.richfaces:bg_shadow.png']}");  
+	background-attachment: scroll;
+	background-color: transparent;
+	background-repeat: repeat;
 	position: absolute; 
 	height: 6px; 
 	top: 0px; 

Modified: trunk/ui/input/ui/src/main/templates/inplaceInput.template.xml
===================================================================
--- trunk/ui/input/ui/src/main/templates/inplaceInput.template.xml	2010-08-19 11:56:09 UTC (rev 18806)
+++ trunk/ui/input/ui/src/main/templates/inplaceInput.template.xml	2010-08-19 11:59:59 UTC (rev 18807)
@@ -19,23 +19,23 @@
 		<cdk:object type="org.richfaces.component.InplaceState" name="inplaceState" value="#{getInplaceState(component)}" />
 		<cdk:object type="java.lang.String" name="inplaceValue" value="#{getValue(facesContext, component)}" />
 
-		<div id="#{clientId}" class="#{getReadyStyleClass(component, inplaceState)}" cdk:passThroughWithExclusions="id class">
-			<span id="#{clientId}:label">
+		<span id="#{clientId}" class="#{getReadyStyleClass(component, inplaceState)}" cdk:passThroughWithExclusions="id class">
+			<span id="#{clientId}:label" class="rf-ii-lbl">
 				#{inplaceValue}
 			</span>
-			<div id="#{clientId}:edit" class="#{getEditStyleClass(component, inplaceState)}">
+			<span id="#{clientId}:edit" class="#{getEditStyleClass(component, inplaceState)}">
 				<input id="#{clientId}:input" autocomplete="off" name="#{clientId}:input" type="text" value="#{inplaceValue}" class="rf-ii-f" cdk:passThrough="tabIndex"/>
 				
 				<c:if test="#{component.attributes['showControls']}">
-					<div class="rf-ii-btn-prepos">
-						<div class="rf-ii_btn_pos">
-							<div id="#{clientId}:btnshadow" class="rf-ii-btn-shadow">
-								<div class="rf-ii-btn-shadow-t"></div>
-								<div class="rf-ii-btn-shadow-l"></div>
-								<div class="rf-ii-btn-shadow-r"></div>
-								<div class="rf-ii-btn-shadow-b"></div>
+					<span class="rf-ii-btn-prepos">
+						<span class="rf-ii-btn-pos">
+							<span id="#{clientId}:btnshadow" class="rf-ii-btn-shadow">
+								<span class="rf-ii-btn-shadow-t"></span>
+								<span class="rf-ii-btn-shadow-l"></span>
+								<span class="rf-ii-btn-shadow-r"></span>
+								<span class="rf-ii-btn-shadow-b"></span>
 		
-								<div id="#{clientId}:btn" style="position : relative">
+								<span id="#{clientId}:btn" style="position : relative">
 									<input type="image"
 										id="#{clientId}:okbtn"
 										src="#{getResourcePath(facesContext, 'org.richfaces/ico_ok.gif')}"
@@ -47,15 +47,15 @@
 										class="rf-ii-btn" onmousedown="this.className='rf-ii-btn-press'"
 										onmouseout="this.className='rf-ii-btn'" onmouseup="this.className='rf-ii-btn'" />
 									<br />
-								</div>
-							</div>
-						</div>
-					</div>
+								</span>
+							</span>
+						</span>
+					</span>
 				</c:if>
-			</div>
+			</span>
 			<script type="text/javascript">	
 				<cdk:call expression="buildScript(responseWriter, facesContext, component);"/>
 			</script>
-		</div>
+		</span>
 	</cc:implementation>
 </cdk:root>
\ No newline at end of file