Rough mockup of editor error tooltip

This commit is contained in:
Victoria Wang 2014-10-28 19:23:07 -07:00
parent d4b33c669a
commit da4ec035de
2 changed files with 14 additions and 3 deletions

View file

@ -1313,7 +1313,6 @@ a.tag:hover {
.interior .header-Outro.editor {
padding-top: 0px;
overflow: hidden;
position: fixed;
width: 100%;
margin-top: 22px;
font-size: 15px;
@ -1350,6 +1349,14 @@ a.tag:hover {
#saveButton {
margin-top: 0;
}
.tooltip {
&.bottom .tooltip-arrow {
border-bottom-color: #971D31;
}
.tooltip-inner {
background-color: #971D31;
}
}
}
}
.row.editor {

View file

@ -72,8 +72,11 @@
<a id="saveButton" class="btn btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><i class="fa fa-save"></i>Save</a>
<a class="btn btn-Action" href="//<%= current_site.host %>/<%= @filename %>" target="_blank">View</a>
<!-- <a id="saveAndExitButton" class="btn-Action" href="#" onclick="saveTextFile(true); return false" style="opacity: 0.5"><i class="fa fa-save"></i>&nbsp;&nbsp;Save and Exit</a> -->
<div id="editorUpdates" class="alert alert-success hidden">
<span></span>
<div id="editorUpdates" class="tooltip fade bottom in hidden" style="top: 90px;right: 46px;">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">
<span></span>
</div>
</div>
</div>
</div>
@ -132,6 +135,7 @@
}
} else {
$('#saveButton').tooltip('show')
$('#editorUpdates span').text(response)
}
$('#editorUpdates').fadeIn()