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

handle setting css of image element, add image loading gradient css for dialogs

Browse source
This commit is contained in:
rolux 2013-03-07 13:26:22 +05:30
parent 0d784b3dc4
commit 6c29a1c5cd
6 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
source/Ox.UI/css/theme.css
View file

@ -1160,6 +1160,11 @@ Miscellaneous
background-image: -o-linear-gradient(top, $imageLoadingGradient); background-image: -o-linear-gradient(top, $imageLoadingGradient);
background-image: -webkit-linear-gradient(top, $imageLoadingGradient); background-image: -webkit-linear-gradient(top, $imageLoadingGradient);
} }
.$themeClass .OxDialog .OxImageElement > .OxLoadingScreen {
background-image: -moz-linear-gradient(top, $dialogImageLoadingGradient);
background-image: -o-linear-gradient(top, $dialogImageLoadingGradient);
background-image: -webkit-linear-gradient(top, $dialogImageLoadingGradient);
}
.$themeClass .OxSelectableElement { .$themeClass .OxSelectableElement {
background-image: -moz-linear-gradient(top, $listItemGradient); background-image: -moz-linear-gradient(top, $listItemGradient);

7
source/Ox.UI/js/Core/ImageElement.js
View file

@ -49,6 +49,13 @@ Ox.ImageElement = function(options, self) {
self.$image.appendTo(that); self.$image.appendTo(that);
} }
that.css = function(css) {
that.$element.css(css);
self.$screen && self.$screen.css(css);
self.$image.css(css);
return that;
};
return that; return that;
}; };

3
source/Ox.UI/themes/aqua/json/theme.jsonc
View file

@ -63,6 +63,7 @@
"dialogBackground": [255, 255, 255, 0.95], "dialogBackground": [255, 255, 255, 0.95],
"dialogShadow": [0, 0, 0, 0.75], "dialogShadow": [0, 0, 0, 0.75],
"dialogBarGradient": [[224, 224, 224, 0.95], [192, 192, 192, 0.95]], "dialogBarGradient": [[224, 224, 224, 0.95], [192, 192, 192, 0.95]],
"dialogImageLoadingGradient": [[240, 240, 240], [208, 208, 208]],
"dialogLayerBackground": [255, 255, 255], "dialogLayerBackground": [255, 255, 255],
"dialogReflectionGradient": [[255, 255, 255, 0.75], [255, 255, 255, 1]], "dialogReflectionGradient": [[255, 255, 255, 0.75], [255, 255, 255, 1]],
@ -77,7 +78,7 @@
"gridGradient": [[248, 248, 248], [232, 232, 232]], "gridGradient": [[248, 248, 248], [232, 232, 232]],
"imageLoadingGradient": [[255, 255, 255], [224, 224, 224]], "imageLoadingGradient": [[240, 240, 240], [208, 208, 208]],
"inputGradient": [[224, 224, 224], [255, 255, 255]], "inputGradient": [[224, 224, 224], [255, 255, 255]],
"inputActiveGradient": [[208, 208, 208], [240, 240, 240]], "inputActiveGradient": [[208, 208, 208], [240, 240, 240]],

1
source/Ox.UI/themes/oxdark/json/theme.jsonc
View file

@ -63,6 +63,7 @@
"dialogBackground": [48, 48, 48, 0.95], "dialogBackground": [48, 48, 48, 0.95],
"dialogShadow": [0, 0, 0], "dialogShadow": [0, 0, 0],
"dialogBarGradient": [[64, 64, 64, 0.95], [32, 32, 32, 0.95]], "dialogBarGradient": [[64, 64, 64, 0.95], [32, 32, 32, 0.95]],
"dialogImageLoadingGradient": [[64, 64, 64], [32, 32, 32]],
"dialogLayerBackground": [0, 0, 0], "dialogLayerBackground": [0, 0, 0],
"dialogReflectionGradient": [[48, 48, 48, 0.75], [48, 48, 48, 1]], "dialogReflectionGradient": [[48, 48, 48, 0.75], [48, 48, 48, 1]],

1
source/Ox.UI/themes/oxlight/json/theme.jsonc
View file

@ -63,6 +63,7 @@
"dialogBackground": [208, 208, 208, 0.95], "dialogBackground": [208, 208, 208, 0.95],
"dialogShadow": [0, 0, 0, 0.75], "dialogShadow": [0, 0, 0, 0.75],
"dialogBarGradient": [[224, 224, 224, 0.95], [192, 192, 192, 0.95]], "dialogBarGradient": [[224, 224, 224, 0.95], [192, 192, 192, 0.95]],
"dialogImageLoadingGradient": [[224, 224, 224], [192, 192, 192]],
"dialogLayerBackground": [255, 255, 255], "dialogLayerBackground": [255, 255, 255],
"dialogReflectionGradient": [[208, 208, 208, 0.75], [208, 208, 208, 1]], "dialogReflectionGradient": [[208, 208, 208, 0.75], [208, 208, 208, 1]],

1
source/Ox.UI/themes/oxmedium/json/theme.jsonc
View file

@ -63,6 +63,7 @@
"dialogBackground": [160, 160, 160, 0.95], "dialogBackground": [160, 160, 160, 0.95],
"dialogShadow": [0, 0, 0, 0.75], "dialogShadow": [0, 0, 0, 0.75],
"dialogBarGradient": [[176, 176, 176, 0.95], [144, 144, 144, 0.95]], "dialogBarGradient": [[176, 176, 176, 0.95], [144, 144, 144, 0.95]],
"dialogImageLoadingGradient": [[176, 176, 176], [144, 144, 144]],
"dialogLayerBackground": [0, 0, 0], "dialogLayerBackground": [0, 0, 0],
"dialogReflectionGradient": [[160, 160, 160, 0.75], [160, 160, 160, 1]], "dialogReflectionGradient": [[160, 160, 160, 0.75], [160, 160, 160, 1]],