diff --git a/ui/index.html b/ui/index.html index 488963dc..8305f6a5 100755 --- a/ui/index.html +++ b/ui/index.html @@ -56,6 +56,7 @@ width: 300px; height: 300px; font-size: 12pt; + overflow: hidden; background: black; box-sizing: border-box; @@ -66,8 +67,7 @@ background: red; } -/* XXX this misbehaves... (happens with page zoom) - ...this is not uniform circle for some reason... */ +/* dot mark... */ .marked.image:after { display: block; position: absolute; @@ -75,8 +75,8 @@ font-size: 0pt; border: none; - width: 5px; - height: 5px; + width: 15px; + height: 15px; bottom: 5px; right: 5px; @@ -85,6 +85,30 @@ background: blue; } +/* corner mark... (a-la bookmarks in PortableMag) */ +/* +.marked.image:after { + display: block; + position: absolute; + content: ""; + font-size: 0pt; + border: none; + + width: 30px; + height: 30px; + + top: -15px; + right: -15px; + + background: blue; + + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +*/