Fixed text editor issues on mobile

This commit is contained in:
Victoria Wang 2015-07-17 14:22:17 -07:00
parent 2fb2a43e6a
commit eef333431e
2 changed files with 8 additions and 2 deletions

View file

@ -1960,6 +1960,12 @@ a.tag:hover {
.filename { .filename {
font-weight: bold; font-weight: bold;
} }
@media (max-device-width:480px), screen and (max-width:800px) {
width: 70%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
} }
.row.content { .row.content {
padding: 15px 20px; padding: 15px 20px;

View file

@ -75,10 +75,10 @@
</select> </select>
</div> </div>
<a id="saveButton" class="btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><span class="hide-on-mobile"><i class="fa fa-save"></i></span>Save</a> <a id="saveButton" class="btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><span class="hide-on-mobile"><i class="fa fa-save"></i></span>Save</a>
<div class="hide-on-mobile"> <span class="hide-on-mobile">
<a class="btn-Action" href="<%= current_site.uri %>/<%= @filename %>" target="_blank">View</a> <a class="btn-Action" href="<%= current_site.uri %>/<%= @filename %>" target="_blank">View</a>
<a href="#" id="shareButton" class="btn-Action" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<%== erb :'_share', layout: false, locals: {site: current_site, page_uri: "#{current_site.uri}/#{@filename}"} %>'>Share</a> <a href="#" id="shareButton" class="btn-Action" data-container="body" data-toggle="popover" data-placement="bottom" data-content='<%== erb :'_share', layout: false, locals: {site: current_site, page_uri: "#{current_site.uri}/#{@filename}"} %>'>Share</a>
</div> </span>
<!-- <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="tooltip fade bottom in hidden" style="top: 90px;right: 12.5em;"> <div id="editorUpdates" class="tooltip fade bottom in hidden" style="top: 90px;right: 12.5em;">
<div class="tooltip-arrow"></div> <div class="tooltip-arrow"></div>