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

made the selected marker more traditional...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2015-09-01 21:35:08 +03:00
parent ac4b7dce86
commit e3dd1d523c
2 changed files with 51 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui (gen4)/css/layout.css
View File

@ -740,6 +740,7 @@ stretching in width... */
overflow: visible; overflow: visible;
} }
.mark.bookmark:after, .mark.bookmark:after,
.mark.selected:before,
.mark.selected:after { .mark.selected:after {
display: block; display: block;
position: absolute; position: absolute;
@ -765,6 +766,33 @@ stretching in width... */
background: yellow; background: yellow;
left: -15px; left: -15px;
} }
/* the selected tick... */
.mark.selected:before,
.mark.selected:after {
top: 10px;
left: -20px;
bottom: auto;
border-radius: 3px;
-webkit-transform: rotate(-45deg) scaleY(1) scaleX(1);
-moz-transform: rotate(-45deg) scaleY(1) scaleX(1);
-o-transform: rotate(-45deg) scaleY(1) scaleX(1);
-ms-transform: rotate(-45deg) scaleY(1) scaleX(1);
transform: rotate(-45deg) scaleY(1) scaleX(1);
/* This prevents elements from aligning to sub-pixels...*/
/*
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
*/
}
.mark.selected:before {
width: 3px;
height: 6px;
}
.mark.selected:after {
width: 12px;
height: 3px;
}
/****************************************************** Image info ***/ /****************************************************** Image info ***/
.inline-image-info { .inline-image-info {
display: none; display: none;
@ -1569,8 +1597,8 @@ progress:not(value)::-webkit-progress-bar {
/* XXX this is experimental... */ /* XXX this is experimental... */
.viewer.overlay .ribbon-set { .viewer.overlay .ribbon-set {
/* XXX blur makes things slow with transparency... */ /* XXX blur makes things slow with transparency... */
-webkit-filter: /*blur(2px)*/ grayscale(0.5); -webkit-filter: grayscale(0.5);
filter: /*blur(2px)*/ grayscale(0.5); filter: grayscale(0.5);
/* /*
-webkit-animation-name: testAnim; -webkit-animation-name: testAnim;
-webkit-animation-duration: .2s; -webkit-animation-duration: .2s;

21
ui (gen4)/css/layout.less
View File

@ -752,6 +752,7 @@ stretching in width... */
overflow: visible; overflow: visible;
} }
.mark.bookmark:after, .mark.bookmark:after,
.mark.selected:before,
.mark.selected:after { .mark.selected:after {
display: block; display: block;
position: absolute; position: absolute;
@ -786,6 +787,26 @@ stretching in width... */
} }
/* the selected tick... */
.mark.selected:before,
.mark.selected:after {
top: 10px;
left: -20px;
bottom: auto;
border-radius: 3px;
.rotate(-45deg);
}
.mark.selected:before {
width: 3px;
height: 6px;
}
.mark.selected:after {
width: 12px;
height: 3px;
}
/****************************************************** Image info ***/ /****************************************************** Image info ***/
.inline-image-info { .inline-image-info {