Skip to content

Commit

Permalink
Test page: Don't trigger ad-blockers with class (#2677)
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
RunDevelopment authored Dec 22, 2020
1 parent b5f4f10 commit df0738e
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions test.html
Original file line number Diff line number Diff line change
Expand Up @@ -95,33 +95,33 @@
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;
Expand Down Expand Up @@ -155,7 +155,7 @@ <h2>Test drive</h2>

<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();"/>
Expand Down

0 comments on commit df0738e

Please sign in to comment.