Skip to content

C
coopwire-hypothesis
Commit 8a962da4 authored by Eduardo Sanz García's avatar Eduardo Sanz García
Browse files
Options

#refactor: cleaner organisation 

Added a better structure, comments, and a variable
parent abb97b1f
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 7 deletions
src/styles/annotator/bucket-bar.scss
View file @ 8a962da4
...@@ -4,15 +4,9 @@ ...@@ -4,15 +4,9 @@
// Bucket-bar styles are nested inside `.annotator-frame` to ensure they take // Bucket-bar styles are nested inside `.annotator-frame` to ensure they take
// precedence over the CSS reset applied to `.annotator-frame`. // precedence over the CSS reset applied to `.annotator-frame`.
.annotator-frame.annotator-collapsed {
.annotator-bucket-bar {
background: rgba(0, 0, 0, 0.08);
}
}
.annotator-frame { .annotator-frame {
.annotator-bucket-bar { .annotator-bucket-bar {
background: rgb(235, 235, 235); background: var.$grey-2; // When sidebar is unfolded, remove the background transparency
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
height: 100%; height: 100%;
...@@ -20,6 +14,11 @@ ...@@ -20,6 +14,11 @@
left: -(var.$bucket-bar-width); left: -(var.$bucket-bar-width);
} }
// When the sidebar is collapsed, make the background semi-transparent so the text is visible throughout (useful for pages with tight margins)
&.annotator-collapsed .annotator-bucket-bar {
background: rgba(0, 0, 0, 0.08);
}
.annotator-bucket-indicator { .annotator-bucket-indicator {
box-sizing: border-box; box-sizing: border-box;
background: var.$white; background: var.$white;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment