0x2620/oxjs
2
0
Fork 2
Code Issues 172 Pull requests Releases Wiki Activity

improvements for resizing and scrolling lists

Browse source
This commit is contained in:
rolux 2010-09-07 17:58:15 +02:00
commit 0aee82a57c
5 changed files with 224 additions and 162 deletions
Download patch file Download diff file Expand all files Collapse all files

4
build/css/ox.ui.classic.css
View file

@ -166,8 +166,8 @@ Lists
*/
.OxThemeClassic .OxIconList .OxItem > .OxReflection > div {
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(240, 240, 240, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 240, 240, 0.5)), color-stop(1, rgba(240, 240, 240, 1)));
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 240, 240, 0.75)), color-stop(1, rgba(240, 240, 240, 1)));
}
.OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon img {
border-color: rgb(128, 128, 128);

22
build/css/ox.ui.css
View file

@ -664,12 +664,16 @@ Lists
================================================================================
*/
.OxListPage {
position: absolute;
.OxIconList.OxBoth {
overflow-x: hidden;
}
.OxIconList .OxPage {
padding: 4px;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.OxIconList .OxItem {
@ -686,6 +690,11 @@ Lists
position: relative;
}
.OxIconList .OxItem > .OxIcon,
.OxIconList .OxItem > .OxText {
left: -2px;
}
.OxIconList .OxItem > .OxIcon img {
position: absolute;
left: 0;
@ -693,6 +702,7 @@ Lists
bottom: 0;
margin: auto;
border: 2px solid rgba(0, 0, 0, 0);
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
@ -714,8 +724,8 @@ Lists
top: 0;
right: 0;
margin: auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
//-moz-border-radius: 4px;
//-webkit-border-radius: 4px;
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
}
@ -730,7 +740,7 @@ Lists
text-align: center;
padding: 1px 2px;
border: 2px solid rgba(0, 0, 0, 0);
max-width: 120px;
max-width: 124px;
word-wrap: break-word;
cursor: pointer;
-moz-border-radius: 4px;

12
build/css/ox.ui.modern.css
View file

@ -146,9 +146,19 @@ Lists
================================================================================
*/
.OxThemeModern .OxIconList .OxItem {
//background: rgb(20, 20, 20);
}
.OxThemeModern .OxIconList .OxItem img.OxLoading {
background: -moz-linear-gradient(top, rgb(32, 32, 32), rgb(0, 0, 0));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(32, 32, 32)), color-stop(1, rgb(0, 0, 0)));
}
.OxThemeModern .OxIconList .OxItem > .OxIcon img.OxLoading {
border-color: rgb(16, 16, 16);
}
.OxThemeModern .OxIconList .OxItem > .OxReflection > div {
background: -moz-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(16, 16, 16, 0.5)), color-stop(1, rgba(16, 16, 16, 1)));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(16, 16, 16, 0.75)), color-stop(1, rgba(16, 16, 16, 1)));
}
.OxThemeModern .OxIconList .OxItem.OxSelected > .OxIcon img {
border-color: rgb(128, 128, 128);