Author: abelevich Date: 2007-05-17 14:46:26 -0400 (Thu, 17 May 2007) New Revision: 796 Modified: trunk/sandbox/scrollable-grid/src/main/resources/org/richfaces/renderkit/html/css/grid.xcss Log: Modified: trunk/sandbox/scrollable-grid/src/main/resources/org/richfaces/renderkit/html/css/grid.xcss =================================================================== --- trunk/sandbox/scrollable-grid/src/main/resources/org/richfaces/renderkit/html/css/grid.xcss 2007-05-17 18:46:13 UTC (rev 795) +++ trunk/sandbox/scrollable-grid/src/main/resources/org/richfaces/renderkit/html/css/grid.xcss 2007-05-17 18:46:26 UTC (rev 796) @@ -50,6 +50,7 @@ padding: 0px 0px; margin: 0px; border-collapse: collapse; + z-index:0; } /** @@ -64,7 +65,6 @@ .ClientUI_Grid_HR { background-color: #ebeadb; height: 22px; - width: 10000px; z-index:2; } @@ -73,12 +73,20 @@ */ .ClientUI_Grid_HC { -o-text-overflow: ellipsis; - text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; font: normal 8pt arial; - background-color: #ebeadb; + cursor: default; box-sizing: border-box; -moz-box-sizing: border-box; + -moz-outline: none; + -moz-user-focus: normal; + padding: 0px 0px; + white-space: nowrap; + background-color: #ebeadb; border-bottom: 1px solid #cbc7b8; + border-right: 1px solid #ebeadb; + height:30px !important; } .ClientUI_Grid_HC .sort-asc { @@ -103,7 +111,6 @@ * Header cells separator */ .ClientUI_Grid_HSep { - /* background-image: url(grid-split.gif);*/ background-position: center; background-repeat: repeat-y; @@ -112,34 +119,48 @@ top: 15%; width: 6px; height: 70%; + overflow: hidden; + position: absolute; + display: block; + white-space: nowrap; + z-index: 60; } .ClientUI_Grid_HSplit { width:1px; border-right:1px dashed #6593cf; background:none; cursor: col-resize; + z-index: 70; } /** * Header cell body */ -.ClientUI_Grid_HCBody { +.ClientUI_Grid_HCBody1 { cursor: default; - font: normal 8pt arial; - padding: 3px 5px; + padding: 0px 0px; white-space: nowrap; - border-bottom: 1px solid #d6d2c2; + position: relative; + display: block; + overflow: hidden; } -.ClientUI_Grid_HCBodyContent { +.ClientUI_Grid_HCBody { cursor: default; font: normal 8pt arial; - padding: 1px 2px; + padding: 3px 5px; white-space: nowrap; + position: relative; + display: block; + overflow: hidden; } .ClientUI_Grid_HCBody span { font: normal 8pt arial; white-space: nowrap; } +.ClientUI_Grid_HCBodyContent { + font: normal 8pt arial; + white-space: nowrap; +} .ClientUI_Grid_HC_Over{ border-bottom: 1px solid #fcc247; @@ -150,6 +171,16 @@ border-bottom: 1px solid #f9a900; } +.ClientUI_HRFrm { + z-index: 48; +} +#FrozenBox { + z-index: 50; +} +#NormalBox { + z-index: 20; +} + /** * --------------------------------------------- * Grid Footer declaration @@ -163,8 +194,7 @@ background-color: #fcfaf6; font: normal 8pt arial; height: 22px; - width: 10000px; - z-index:2; + border-top: 1px solid #cbc7b8; } /** @@ -173,6 +203,7 @@ .ClientUI_Grid_FC { -o-text-overflow: ellipsis; text-overflow: ellipsis; + overflow: hidden; font: normal 8pt arial; cursor: default; box-sizing: border-box; @@ -180,7 +211,9 @@ -moz-outline: none; -moz-user-focus: normal; border-right: 1px solid #f1efe2; - border-top: 1px solid #cbc7b8; + height:21px !important; + padding: 0px 0px; + white-space: nowrap; } /** @@ -191,17 +224,20 @@ font: normal 8pt arial; padding: 3px 5px; white-space: nowrap; + position: relative; + display: block; + overflow: hidden; } -.ClientUI_Grid_FCBodyContent { + +.ClientUI_Grid_FCBody1{ cursor: default; font: normal 8pt arial; - padding: 1px 2px; + padding: 0px 0px; white-space: nowrap; + position: relative; + display: block; + overflow: hidden; } -.ClientUI_Grid_FCBody span { - font: normal 8pt arial; - white-space: nowrap; -} /** * --------------------------------------------- @@ -222,9 +258,6 @@ cursor: default; height:21px !important; border-right: 1px solid #f1efe2; - border-bottom: 1px solid #f1efe2; - - } .ClientUI_Grid_BCIndex { background-color: #ebeadb; @@ -246,7 +279,6 @@ border-bottom: 1px solid #f1efe2; white-space: nowrap; height:21px; - width:10000px; box-sizing: border-box; -moz-box-sizing: border-box; } @@ -254,7 +286,6 @@ background-color: #FFFFFF; font: normal 8pt arial; height: 22px; - width: 10000px; z-index:2; } @@ -262,29 +293,39 @@ background-color: #fcfaf6; font: normal 8pt arial; height: 22px; - width: 10000px; z-index:2; } .ClientUI_Grid_BCBody { - cursor: default; font: normal 8pt arial; padding: 3px 5px; white-space: nowrap; +} +.ClientUI_Grid_BCBody1 { + cursor: default; + font: normal 8pt arial; + padding: 0px 0px; + white-space: nowrap; + position: relative; display: block; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - box-sizing: border-box; - -moz-box-sizing: border-box; - + overflow: hidden; } - /** --------------------------- + * Helper classes for grid template */ +.ClientUI_TmplBox { + display: block; + float:left; +} + +.ClientUI_InlineBox { + position: relative; + display: block; + overflow: hidden; +} + .CustomHeaderVSep { /* background-image: url(themes/xp/grid-split.gif);*/