devol/LinkStack
1
0
Fork 0
mirror of https://github.com/LinkStackOrg/LinkStack.git synced 2025-01-25 13:08:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Made share button focusable

Browse Source 
For improved accessibility
https://github.com/LinkStackOrg/LinkStack/issues/410
This commit is contained in:
Julian Prieber 2023-05-10 17:10:53 +02:00
parent 1b4c3623f8
commit 9601a34a6c
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/views/littlelink.blade.php
View File

@ -248,12 +248,26 @@ function get_operating_system() {
@if($user_browser === 'Chrome' or get_operating_system() == 'mobile')
<script>{!! file_get_contents(base_path("assets/linkstack/js/jquery.min.js")) !!}</script>
<div align="right" class="sharediv"><div><span class="sharebutton button-hover icon-hover" id='share-share-button'><i style="color: black;" class="fa-solid fa-share sharebutton-img share-icon hvr-icon"></i><span class="sharebutton-mb">Share</span></span></div></div>
<span class="copy-icon" role="button" aria-label="Share this page">
<div align="right" class="sharediv">
<div>
<span class="sharebutton button-hover icon-hover" id='share-share-button' tabindex="0" role="button" aria-label="Share this page">
<i style="color: black;" class="fa-solid fa-share sharebutton-img share-icon hvr-icon"></i>
<span class="sharebutton-mb">Share</span>
</span>
</div>
</div>
<span class="copy-icon" tabindex="0" role="button" aria-label="Copy URL to clipboard">
</span>
@else
<span class="copy-icon" role="button" aria-label="Share this page">
<div onclick="alert('URL has been copied to your clipboard!')" align="right" class="sharediv"><div><a class="sharebutton button-hover icon-hover"><i style="color: black;" class="fa-solid fa-share sharebutton-img share-icon hvr-icon"></i><span class="sharebutton-mb">Share</span></a></div></div>
<span class="copy-icon" tabindex="0" role="button" aria-label="Copy URL to clipboard">
<div onclick="alert('URL has been copied to your clipboard!')" align="right" class="sharediv">
<div>
<a class="sharebutton button-hover icon-hover" tabindex="0" role="button" aria-label="Share this page">
<i style="color: black;" class="fa-solid fa-share sharebutton-img share-icon hvr-icon"></i>
<span class="sharebutton-mb">Share</span>
</a>
</div>
</div>
</span>
@endif
<script>{!! file_get_contents(base_path("assets/linkstack/js/share.button.js")) !!}</script>