zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-28 11:12:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Rough mockup of editor error tooltip

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
sass/_project-sass/_project-Main.scss
View file

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

6
views/site_files/text_editor.erb
View file

@ -72,12 +72,15 @@
<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 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 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> --> <!-- <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"> <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> <span></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row editor"> <div class="row editor">
<div class="col col-100"> <div class="col col-100">
@ -132,6 +135,7 @@
} }
} else { } else {
$('#saveButton').tooltip('show')
$('#editorUpdates span').text(response) $('#editorUpdates span').text(response)
} }
$('#editorUpdates').fadeIn() $('#editorUpdates').fadeIn()