Added tooltips for add new message, and message list elements #71
@@ -167,7 +167,7 @@
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div> -->
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="max-width centered-content small-vertical-margin">
 | 
			
		||||
                <div id="new-tile" class="max-width centered-content small-vertical-margin">
 | 
			
		||||
                    <button id="btn-newtile" class="modification-button btn-addtile"><i class="icon-plus"></i></button>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
@@ -190,6 +190,18 @@
 | 
			
		||||
                        <p>To save message, the message must be changed!</p>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="large-vertical-margin">
 | 
			
		||||
                    <div id="btn-newTileTip" class="tip">
 | 
			
		||||
                        <h3>Add new message</h3>
 | 
			
		||||
                        <p>This button adds new message.</p>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="large-vertical-margin">
 | 
			
		||||
                    <div id="messagesTip" class="tip">
 | 
			
		||||
                        <h3>Message</h3>
 | 
			
		||||
                        <p>This is saved messages, with unique id.</p>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="large-vertical-margin">
 | 
			
		||||
                    <div id="httpStatusTip" class="tip">
 | 
			
		||||
                        <h3>Http Status</h3>
 | 
			
		||||
 
 | 
			
		||||
@@ -118,4 +118,14 @@ $('#headerValueInput').focusout(function(){focusOutTip('newHeaderTip')});
 | 
			
		||||
$('#btnSave').mouseover(function(){showTip('btnSaveTip');});
 | 
			
		||||
$('#btnSave').focusin(function(){focusInTip('btnSaveTip')});
 | 
			
		||||
$('#btnSave').mouseleave(function(){hidTip('btnSaveTip')});
 | 
			
		||||
$('#btnSave').focusout(function(){focusOutTip('btnSaveTip')});
 | 
			
		||||
$('#btnSave').focusout(function(){focusOutTip('btnSaveTip')});
 | 
			
		||||
 | 
			
		||||
$('#new-tile').mouseover(function(){showTip('btn-newTileTip');});
 | 
			
		||||
$('#new-tile').focusin(function(){focusInTip('btn-newTileTip')});
 | 
			
		||||
$('#new-tile').mouseleave(function(){hidTip('btn-newTileTip')});
 | 
			
		||||
$('#new-tile').focusout(function(){focusOutTip('btn-newTileTip')});
 | 
			
		||||
 | 
			
		||||
$('#listItems').mouseover(function(){showTip('messagesTip');});
 | 
			
		||||
$('#listItems').focusin(function(){focusInTip('messagesTip')});
 | 
			
		||||
$('#listItems').mouseleave(function(){hidTip('messagesTip')});
 | 
			
		||||
$('#listItems').focusout(function(){focusOutTip('messagesTip')});
 | 
			
		||||
		Reference in New Issue
	
	Block a user