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

more cleanup...

Browse Source 
appears that only the initial jump due to reading position before expanding margins/paddings is left to fix...

next stop the promote/demote interface...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-06-05 17:44:42 +04:00
parent 82e1345fb8
commit db57ad39da
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/gallery.html
View File

@ -72,19 +72,26 @@ function nextImage(){
</script> </script>
<style> <style>
.mock-image { .image {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100px;
height: 60px;
background: blue; opacity: 0.3;
-webkit-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease; -o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
transition: all 0.5s ease; transition: all 0.5s ease;
cursor: hand;
}
.mock-image {
width: 100px;
height: 60px;
background: blue;
} }
.container { .container {
@ -112,10 +119,7 @@ function nextImage(){
overflow: visible; overflow: visible;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; padding-bottom: 2px;
/* XXX this kills positioning... */
/*
text-align: center; text-align: center;
*/
opacity: 0.2; opacity: 0.2;
-webkit-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
@ -127,7 +131,7 @@ function nextImage(){
} }
.current-image { .current-image {
background: red; opacity: 1.0;
} }
.current-ribbon { .current-ribbon {