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

added image marking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-04-29 19:12:19 +04:00
parent 724051ff5e
commit 53c6297f45
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/index.html
View File

@ -59,12 +59,12 @@
display: inline-block;
vertical-align: middle;
text-align;left;
width: 100px;
height: 100px;
width: 300px;
height: 300px;
font-size: 12pt;
background: black;
box-sizing:border-box;
box-sizing: border-box;
border: solid gray 1px;
color: white;
}
@ -72,6 +72,25 @@
background: red;
}
/* XXX this misbehaves... (happens with page zoom) */
.marked.image:after {
display: block;
position: absolute;
content: "";
font-size: 0pt;
border: none;
/* XXX this is not uniform circle for some reason... (connected with page zoom) */
width: 5px;
height: 5px;
bottom: 5px;
right: 5px;
border-radius: 50%;
background: blue;
}
</style>
@ -98,6 +117,11 @@ Split the API into the following sections:
*/
var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
function createImage(n){
if(n == null){
if(window._n == null){