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

updated indicator style...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-14 07:52:21 +04:00
parent 21ba781283
commit 0c3765166c
2 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/layout.css
View File

@ -1088,13 +1088,25 @@ button:hover {
background-color: transparent;
}
/* image mark in single image mode... */
.context-mode-indicators .current-image-bookmarked,
.context-mode-indicators .current-image-marked {
display: none;
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked {
/*display: none;*/
display: inline-block;
opacity: 0.3;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked.shown,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked.shown {
display: inline-block;
opacity: 1;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):after,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):after {
background-color: transparent;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):hover,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):hover {
opacity: 0.8;
}
.single-ribbon-mode.viewer .global-mode-indicators .single-ribbon-mode {
color: gray;

20
ui/layout.less
View File

@ -1118,14 +1118,28 @@ button:hover {
background-color: transparent;
}
/* image mark in single image mode... */
.context-mode-indicators .current-image-bookmarked,
.context-mode-indicators .current-image-marked {
display: none;
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked {
/*display: none;*/
display: inline-block;
opacity: 0.3;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked.shown,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked.shown {
display: inline-block;
opacity: 1;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):after,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):after {
background-color: transparent;
}
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):hover,
.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):hover {
opacity: 0.8;
}
.single-ribbon-mode.viewer .global-mode-indicators .single-ribbon-mode {