Show mark in content scrollbar for highlighted figures.

elifesciences · Jul 4, 2016 · 5d21f5a · 5d21f5a
1 parent 8e2f237
commit 5d21f5a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/reader/reader_view.js b/reader/reader_view.js
@@ -249,6 +249,7 @@ ReaderView.Prototype = function() {
       // HACK: abusing addHighlight for adding the fullscreen class
       // instead I would prefer to handle such focussing explicitely in a workflow
       if (state.fullscreen) classes.push("fullscreen");
+      this.contentView.addHighlight(state.focussedNode, classes.concat('main-occurrence').join(' '));
       currentPanelView.addHighlight(state.focussedNode, classes.join(' '));
       currentPanelView.scrollTo(state.focussedNode);
     }

diff --git a/styles/reader.css b/styles/reader.css
@@ -755,8 +755,11 @@ TOC
 /* Colors for scroll-bar overlays */
 
 .article .resources .figures .surface-scrollbar .highlighted,
-.article .content .surface-scrollbar .highlighted.figure_reference
+.article .content .surface-scrollbar .highlighted.figure_reference,
+.article .content .surface-scrollbar .highlighted.figure
  { background-color: rgba(145, 187, 4, 1); }
+.article .content .surface-scrollbar .highlighted.figure.main-occurrence
+ { border-right: 3px solid #5C6148; }
 
 .article .resources .citations .surface-scrollbar .highlighted,
 .article .content .surface-scrollbar .highlighted.citation_reference