Skip to content

Instantly share code, notes, and snippets.

@bamadesigner
Created April 17, 2019 14:51
Show Gist options
  • Save bamadesigner/668d2aed14b4e106d0b9b028fb098875 to your computer and use it in GitHub Desktop.
Save bamadesigner/668d2aed14b4e106d0b9b028fb098875 to your computer and use it in GitHub Desktop.
Siteimprove side buttons in WordPress plugin
<div class="si-toggle-container si-pos-side si-pos-east">
<div class="si-drag-container si-pos-side si-pos-east">
<div class="si-drag-box si-pos-side si-pos-east">
<div class="si-drag-dots si-pos-side si-pos-east"></div>
</div>
</div>
<div class="si-boxes-container si-pos-side si-pos-east">
<div class="si-topbox si-pos-side si-pos-east">
<button class=" si-button si-pos-side si-pos-east" data-link="">
<svg xmlns="http://www.w3.org/2000/svg" height="28px" width="28px" viewBox="0 0 80 80"><path d="M40 0C18 0 0 18 0 40.1 0 62.1 18 80 40 80 62 80 80 62.1 80 40.1 80 18 62.1 0 40 0Zm0 67C25.2 67 13.1 54.9 13.1 40.1 13.1 25.2 25.2 13.2 40 13.2c14.4 0 26.2 11.4 26.9 25.6-16.7 12-30.5-10.9-46.5-2.6 18.7-5.6 25.1 22.3 43.7 16C59.6 60.9 50.5 67 40 67Z" fill="#3d495f "></path></svg>
</button>
</div>
<div class="si-bottom-boxes si-pos-side si-pos-east">
<div class="si-circles-container si-pos-side si-pos-east">
<div class="si-single-circle-container si-pos-side si-pos-east">
<div class="si-circle-container si-pos-side si-pos-east">
<button class="si-single-circle si-issues si-button si-pos-side si-pos-east" data-link="">
<div class=" si-pos-side si-pos-east">12</div>
</button>
</div>
<div class="si-circle-text-container si-pos-side si-pos-east">
<div class=" si-pos-side si-pos-east">Issues</div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment