Skip to content

C
coopwire-hypothesis
Commit d9644a80 authored by Robert Knight's avatar Robert Knight Committed by Nick Stenning
Browse files
Options

Use custom element names for adder toolbar (#3276) 

Using custom element names for the adder's container is a simple trick
to reduce the likelihood of the adder's styling being affected by CSS
selectors in the containing page, such as example.com's `div` selector.
parent 9d0c14d1
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 10 deletions
h/static/scripts/annotator/adder.html
View file @ d9644a80
<div class="annotator-adder">
<div class="annotator-adder-actions">
<button class="annotator-adder-actions__button h-icon-annotate" data-action="comment">
<span class="annotator-adder-actions__label" data-action="comment">Annotate</span>
</button>
<button class="annotator-adder-actions__button h-icon-highlight" data-action="highlight">
<span class="annotator-adder-actions__label" data-action="highlight">Highlight</span>
</button>
</div>
</div>
<hypothesis-adder class="annotator-adder">
<hypothesis-adder-actions class="annotator-adder-actions">
<button class="annotator-adder-actions__button h-icon-annotate" data-action="comment">
<span class="annotator-adder-actions__label" data-action="comment">Annotate</span>
</button>
<button class="annotator-adder-actions__button h-icon-highlight" data-action="highlight">
<span class="annotator-adder-actions__label" data-action="highlight">Highlight</span>
</button>
</hypothesis-adder-actions>
</hypothesis-adder>
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