Commit df0738e94ed55612dde4f475a58e87ec4713ee73
2020-12-22T19:53:18
Test page: Don't trigger ad-blockers with class (#2677) A selector `.share-wrapper` seems to be in one of the common block lists, so I just renamed the wrapper from "share-wrapper" to "link-wrapper". This should prevent ad-blockers from blocking our "Share" link.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
diff --git a/test.html b/test.html
index 1c2aef4..a3399c3 100644
--- a/test.html
+++ b/test.html
@@ -95,33 +95,33 @@ pre.show-tokens {
position: relative;
}
-.share-wrapper {
+.link-wrapper {
position: absolute;
top: 0;
right: 0;
background-color: white;
}
-.share-wrapper .hidden-wrapper {
+.link-wrapper .hidden-wrapper {
display: none;
}
-.share-wrapper:hover {
+.link-wrapper:hover {
top: -.5em;
right: -1em;
width: 300px;
padding: .5em 1em;
outline: 1px solid #888;
}
-.share-wrapper:hover .hidden-wrapper {
+.link-wrapper:hover .hidden-wrapper {
display: block;
}
-.share-wrapper input {
+.link-wrapper input {
width: 100%;
box-sizing: border-box;
}
-.share-wrapper button {
+.link-wrapper button {
border: none;
background: none;
font: inherit;
@@ -155,7 +155,7 @@ pre.show-tokens {
<div id="options" style="margin: 1em 0">
<label><input type="checkbox" id="option-show-tokens"> Show tokens</label>
- <div class="share-wrapper">
+ <div class="link-wrapper">
<a id="share-link" href="" style="float: right;">Share</a>
<div class="hidden-wrapper">
<input id="share-link-input" type="text" readonly onClick="this.select();"/>