Add tooltips to nick editor buttons

This commit is contained in:
Jérémie Astori 2016-08-03 01:06:58 -04:00
parent 12839af684
commit 4328946f80
2 changed files with 7 additions and 5 deletions

View file

@ -1340,8 +1340,11 @@ button {
}
#nick.editable button#set-nick,
#nick.editable #set-nick-tooltip,
#nick button#submit-nick,
#nick button#cancel-nick {
#nick:not(.editable) #save-nick-tooltip,
#nick button#cancel-nick,
#nick:not(.editable) #cancel-nick-tooltip {
display: none;
}

View file

@ -61,10 +61,9 @@
<div class="input">
<span id="nick">
<span id="nick-value" spellcheck="false"></span><!-- Comments here remove spaces between elements
--><button id="set-nick" type="button" title="Set Nick" aria-label="Set nick"></button><!--
--><button id="cancel-nick" type="button" title="Cancel Nick" aria-label="Cancel nick"></button><!--
--><button id="submit-nick" type="button" title="Submit Nick" aria-label="Submit nick"></button>
</span>
--><span id="set-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Change nick"><button id="set-nick" type="button" aria-label="Change nick"></button></span><!--
--><span id="cancel-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Cancel"><button id="cancel-nick" type="button" aria-label="Cancel"></button></span><!--
--><span id="save-nick-tooltip" class="tooltipped tooltipped-e" aria-label="Save"><button id="submit-nick" type="button" aria-label="Save"></button></span>
</span>
<textarea id="input" class="mousetrap"></textarea>
<span class="tooltipped tooltipped-w" aria-label="Send message">