flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-30 10:50:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleanup...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-08-05 21:18:05 +04:00
parent 30e3a3d5e1
commit d232176b67
3 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/TODO.otl
View File

@ -58,7 +58,7 @@ Priority work
[X] one (with zooming) [X] one (with zooming)
[X] single image mode with zooming [X] single image mode with zooming
| ribbons are hidden | ribbons are hidden
[_] 66% UI [_] 69% UI
[X] fix single image mode [X] fix single image mode
| need to center the image correctly... | need to center the image correctly...
[X] 100% add screen buttons for all actions... [X] 100% add screen buttons for all actions...
@ -73,14 +73,14 @@ Priority work
[X] 100% control single-image mode animations [X] 100% control single-image mode animations
[X] scroll [X] scroll
[X] switch (no transition) [X] switch (no transition)
[_] 0% layout [_] 16% layout
[_] 0% tablet [_] 50% tablet
[_] stretch to full screen [_] stretch to full screen
| NOTE: viewer 0% sizes may break things... | NOTE: viewer 0% sizes may break things...
[_] restrict to horizontal / do a different vertical layout [_] restrict to horizontal / do a different vertical layout
[_] make buttons semi-transparent and same color as bg in all modes [X] make buttons semi-transparent and same color as bg in all modes
| just like single image mode... | just like single image mode...
[_] make bg color switching in all modes [X] make bg color switching in all modes
| black, white, gray | black, white, gray
[_] 0% PC [_] 0% PC
[_] stretch to full screen [_] stretch to full screen

20
ui/gallery.css
View File

@ -24,15 +24,16 @@
background-color: white; background-color: white;
color: gray; color: gray;
/* XXX put a logo here */ opacity: 1.0;
font-weight: bold;
font-size: 24pt;
opacity: 0.9;
z-index: 9000; z-index: 9000;
} }
.loading * {
color: gray;
}
.image { .image {
float: left; float: left;
@ -283,6 +284,11 @@
} }
.dark .loading * {
color: silver;
}
.dark .screen-button { .dark .screen-button {
color: silver; color: silver;
} }
@ -302,6 +308,10 @@
background-color: black; background-color: black;
} }
.black .loading * {
color: silver;
}
.black .screen-button { .black .screen-button {
color: white; color: white;

10
ui/gallery.html
View File

@ -30,6 +30,9 @@ function setup(){
// initial state (default)... // initial state (default)...
setDefaultInitialState() setDefaultInitialState()
// XXX
//setBackgroundMode('dark')
// setup event handlers... // setup event handlers...
setupKeyboard() setupKeyboard()
setupGestures() setupGestures()
@ -52,7 +55,9 @@ function setup(){
// set the default position and init... // set the default position and init...
$('.current.image').click() $('.current.image').click()
$('.loading').delay(200).fadeOut(400) // XXX get the timing right
// XXX fire this when all is done, via an event...
$('.loading').delay(500).fadeOut(700)
} }
$(document).ready(setup); $(document).ready(setup);
@ -67,7 +72,8 @@ $(document).ready(setup);
<div class="loading"> <div class="loading">
<!-- XXX replace this with a background-image logo... --> <!-- XXX replace this with a background-image logo... -->
<table width="100%" height="100%"><tr><td align="center" valign="middle"> <table width="100%" height="100%"><tr><td align="center" valign="middle">
ImageGrid <big><b>ImageGrid</b></big><br>
<small><i>loading...</i></small>
</td></tr></table> </td></tr></table>
</div> </div>
<div class="controller left"> <div class="controller left">