flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 11:20: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; display: inline-block;
vertical-align: middle; vertical-align: middle;
text-align;left; text-align;left;
width: 100px; width: 300px;
height: 100px; height: 300px;
font-size: 12pt; font-size: 12pt;
background: black; background: black;
box-sizing:border-box; box-sizing: border-box;
border: solid gray 1px; border: solid gray 1px;
color: white; color: white;
} }
@ -72,6 +72,25 @@
background: red; 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> </style>
@ -98,6 +117,11 @@ Split the API into the following sections:
*/ */
var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
function createImage(n){ function createImage(n){
if(n == null){ if(n == null){
if(window._n == null){ if(window._n == null){