Changes for page UX: Standards
on 2009/08/03 15:03
on 2009/07/30 11:43
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,22 +3,17 @@ 1 -{{velocity}}$xwiki.ssx.use("Standards.WebHome"){{/velocity}} 2 - 3 3 {{velocity}}{{html}}#info("This page is a work in progress. Thank you!"){{/html}}{{/velocity}} 2 +(% class="leftMargin" %) ((( 3 +== CSS Components == 4 +* [[Action Component>>Standards.CssAction]] 5 +))) 4 4 5 -(% class="leftMargin" %)6 - (((==CSS Components ==7 +(% style="float:left; width: 70%;" %) ((( 8 +== Style Standards == 7 7 8 -* [[Small Form Component>>Standards.CssFormSmall]]))) 9 - 10 -(% class="left column70" %) 11 -(((== Style Standards == 12 - 13 13 Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: 14 14 15 15 * Images used 16 16 ** [[Icons>>Standards.Icons]] 17 17 *** [[Display of Action Icons>>Standards.ActionIcons]] 18 -*** [[Usage Study>>Standards.IconsStudy]] 19 -**** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]] 20 20 * [[Buttons>>Standards.Buttons]] 21 21 22 22 * [[Links>>Standards.Links]] ... ... @@ -26,9 +26,11 @@ 26 26 * [[Typography>>Standards.Typography]] 27 27 28 28 * Types of pages 29 -** Main 30 -** Section Pages 24 + ** Main 25 + ** Section Pages 31 31 * Error messages 32 -** Status bar notification 33 -** Dialog notifications 34 -* Behavior))) 27 + ** Status bar notification 28 + ** Dialog notifications 29 +* Behavior 30 +))) 31 +
- XWiki.StyleSheetExtension[3]
-
- Code
-
... ... @@ -7,6 +7,15 @@ 7 7 margin-right: 40px; 8 8 } 9 9 10 +.right { 11 + float: right; 12 +} 13 + 14 +.rightMargin { 15 + float: right; 16 + margin-left: 40px; 17 +} 18 + 10 10 .column70 { 11 - width: 70% ;20 + width: 70% 12 12 }