<ul class="context-menu" data-bind="visible: contextMenu, , style: { left: contextMenuPosition().x + 'px', top: contextMenuPosition().y + 'px' }"> <li class="context-link" data-bind="click: openInNewTab"> <span data-bind="attr: { class: 'fa fa-external-link-alt' }"></span> <span class="new-tab" data-bind="i18n: 'Open in a new tab'"></span> </li> <hr> <li class="context-link" data-bind="click: copyInClipboard"> <span data-bind="attr: { class: 'fa fa-copy' }"></span> <span class="copy-link" data-bind="i18n: 'Copy in clipboard'"></span> </li> <li class="context-link" data-bind="click: saveLinkAs"> <span data-bind="attr: { class: 'fa fa-download' }"></span> <span class="save-link" data-bind="i18n: 'Save link as'"></span> </li> <li class="context-link" data-bind="click: goBack"> <span data-bind="attr: { class: 'fa fa-arrow-left' }"></span> <span class="go-back" data-bind="i18n: 'Back'"></span> </li> <li class="context-link" data-bind="click: goForward"> <span data-bind="attr: { class: 'fa fa-arrow-right' }"></span> <span class="go-forward" data-bind="i18n: 'Forward'"></span> </li> <hr> <li class="context-link" data-bind="click: refreshPage"> <span data-bind="attr: { class: 'fa fa-sync' }"></span> <span class="refresh-page" data-bind="i18n: 'Refresh'"></span> </li> </ul>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter