Permalink
Browse files

Prevent FOUC in main share widget

Adds the missing wrapper div to have the shared styles available prior
to the JavaScript re-writting the HTML. This prevents a11y contract
issues while the interface is getting updated (possibly slowly).
  • Loading branch information...
kabel committed Jul 13, 2015
1 parent e6ea39c commit 7bc12b8e68d40560ed027e49706ddd0a23ee32f8
Showing with 4 additions and 2 deletions.
  1. +4 −2 wdn/templates_4.0/includes/apps.html
@@ -1,11 +1,13 @@
<div class="wdn-share-this-page" id="wdn-main-share-button">
+<div class="wdn-share-button">
<input type="checkbox" id="wdn_share_toggle" value="Show share options" class="wdn-input-driver" />
<label for="wdn_share_toggle" class="wdn-icon-share">Share This Page</label>
<ul class="wdn-share-options">
<li><a href="http://go.unl.edu/?url=referer" id="wdn_createGoURL" class="wdn-icon-link" rel="nofollow">Get a Go URL</a></li>
<li class="outpost" id="wdn_emailthis"><a href="mailto:" class="wdn-icon-mail" rel="nofollow">Email this page</a></li>
- <li class="outpost" id="wdn_facebook"><a href="https://www.facebook.com/" class="wdn-icon-facebook" rel="nofollow">Share on Facebook</a></li>
+ <li class="outpost" id="wdn_facebook"><a href="https://www.facebook.com/sharer/shareer.php" class="wdn-icon-facebook" rel="nofollow">Share on Facebook</a></li>
<li class="outpost" id="wdn_twitter"><a href="https://twitter.com/share" class="wdn-icon-twitter" rel="nofollow">Share on Twitter</a></li>
- <li class="outpost" id="wdn_linkedin"><a href="https://www.linkedin.com/" class="wdn-icon-linkedin-squared" rel="nofollow">Share on LinkedIn</a></li>
+ <li class="outpost" id="wdn_linkedin"><a href="https://www.linkedin.com/shareArticle?mini=true" class="wdn-icon-linkedin-squared" rel="nofollow">Share on LinkedIn</a></li>
</ul>
+</div>
</div>

0 comments on commit 7bc12b8

Please sign in to comment.