MediaWiki:Gadget-GrAnnotations.js: Difference between revisions
No edit summary |
No edit summary |
||
| Line 93: | Line 93: | ||
function buildDom() { | function buildDom() { | ||
$fab = $( [ | $fab = $( [ | ||
'<div id="gra-fab" role="toolbar" aria-label="Feedback / | '<div id="gra-fab" role="toolbar" aria-label="Feedback / Notes / Bookmark">', | ||
' <button class="gra-fab-btn" id="gra-fab-feedback" type="button" aria-label="Send feedback">', | ' <button class="gra-fab-btn" id="gra-fab-feedback" type="button" aria-label="Send feedback">', | ||
' <span class="gra-icon gra-icon-feedback" aria-hidden="true"></span>', | ' <span class="gra-icon gra-icon-feedback" aria-hidden="true"></span>', | ||
| Line 100: | Line 100: | ||
' <button class="gra-fab-btn" id="gra-fab-note" type="button" aria-label="Add note">', | ' <button class="gra-fab-btn" id="gra-fab-note" type="button" aria-label="Add note">', | ||
' <span class="gra-icon gra-icon-note" aria-hidden="true"></span>', | ' <span class="gra-icon gra-icon-note" aria-hidden="true"></span>', | ||
' <span class="gra-fab-tooltip"> | ' <span class="gra-fab-tooltip">Notes</span>', | ||
' </button>', | ' </button>', | ||
' <button class="gra-fab-btn" id="gra-fab-bookmark" type="button" aria-label="Bookmark">', | ' <button class="gra-fab-btn" id="gra-fab-bookmark" type="button" aria-label="Bookmark">', | ||
| Line 123: | Line 123: | ||
' <button class="gra-mob-btn" id="gra-mob-note" type="button">', | ' <button class="gra-mob-btn" id="gra-mob-note" type="button">', | ||
' <span class="gra-icon gra-icon-note" aria-hidden="true"></span>', | ' <span class="gra-icon gra-icon-note" aria-hidden="true"></span>', | ||
' <span class="gra-mob-label"> | ' <span class="gra-mob-label">Notes</span>', | ||
' </button>', | ' </button>', | ||
' <button class="gra-mob-btn" id="gra-mob-bookmark" type="button">', | ' <button class="gra-mob-btn" id="gra-mob-bookmark" type="button">', | ||
| Line 176: | Line 176: | ||
' <div class="gra-composer-user">', | ' <div class="gra-composer-user">', | ||
' <div class="gra-avatar">' + esc(currentUser ? userInitial : '✎') + '</div>', | ' <div class="gra-avatar">' + esc(currentUser ? userInitial : '✎') + '</div>', | ||
' <div class="gra-composer-uname">' + esc(currentUser || ' | ' <div class="gra-composer-uname">' + esc(currentUser || 'Notes') + '</div>', | ||
' </div>', | ' </div>', | ||
' <textarea class="gra-composer-input" id="gra-nt-input" placeholder="Write a note…" rows="3"></textarea>', | ' <textarea class="gra-composer-input" id="gra-nt-input" placeholder="Write a note…" rows="3"></textarea>', | ||