sebclem/OctoPrint-SimpleEmergencyStop
1
0
Fork 0
mirror of https://github.com/Sebclem/OctoPrint-SimpleEmergencyStop.git synced 2024-11-25 02:32:59 +01:00
Code Issues Projects Releases Wiki Activity

🚑 Fix issue with little button and UiCustomizer #18

Browse Source
This commit is contained in:
Sebastien Clement 2021-04-27 00:52:39 +02:00
parent b78ad7a49b
commit f7189147bf
2 changed files with 44 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
octoprint_simpleemergencystop/static/css/simpleemergencystop.css
View File

@ -1,7 +1,16 @@
.ses_small, .ses_small_disabled{
padding: 12px 0px 12px;
}
.ses_small i { .ses_small i {
color: red; color: red;
} }
.ses_small span, .ses_small_disabled span {
padding: 5px 10px 5px;
font-size: 15px
}
.ses_small_disabled i { .ses_small_disabled i {
color: grey; color: grey;
cursor: default; cursor: default;
@ -11,6 +20,10 @@
cursor: default; cursor: default;
} }
.ses_big, .ses_big_disabled{
padding: 0px 5px 0px 5px
}
.ses_big_disabled { .ses_big_disabled {
cursor: default; cursor: default;
} }

60
octoprint_simpleemergencystop/templates/simpleemergencystop_navbar.jinja2
View File

@ -1,30 +1,29 @@
<a data-bind="click: click, css: little_button_css(), attr: { title: get_title() }, visible: little_button_visible()" <div>
href="#" style="padding: 5px 5px 5px 5px"> <a data-bind="click: click, css: little_button_css(), attr: { title: get_title() }, visible: little_button_visible()"
<span class="fa-stack" style="font-size: 15px"> href="#">
<i class="far fa-circle fa-stack-2x" ></i> <span class="fa-stack">
<i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i> <i class="far fa-circle fa-stack-2x"></i>
</span>
{# <i class="" style="font-size: 22px"></i>#}
</a>
<a data-bind="click: click, css: big_button_css(), attr: { title: get_title() }, visible: big_button_visible()"
href="#"
style="padding: 0px 5px 0px 5px">
<div class="ses_big_middle">
<span class="fa-stack" style="font-size: 11px">
<i class="far fa-circle fa-stack-2x" ></i>
<i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i> <i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i>
</span> </span>
<h5>{{ _('Emergency Stop') }}</h5> </a>
<span class="fa-stack" style="font-size: 11px"> </div>
<i class="far fa-circle fa-stack-2x" ></i>
<i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i>
</span>
</div>
</a>
<div>
<a data-bind="click: click, css: big_button_css(), attr: { title: get_title() }, visible: big_button_visible()"
href="#">
<div class="ses_big_middle">
<span class="fa-stack" style="font-size: 11px">
<i class="far fa-circle fa-stack-2x"></i>
<i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i>
</span>
<h5>{{ _("Emergency Stop") }}</h5>
<span class="fa-stack" style="font-size: 11px">
<i class="far fa-circle fa-stack-2x"></i>
<i class="fas fa-hand-paper fa-stack-1x fa-inverse"></i>
</span>
</div>
</a>
</div>
<div id="confirmation" class="modal hide fade"> <div id="confirmation" class="modal hide fade">
<div class="modal-header"> <div class="modal-header">
@ -33,12 +32,15 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p> <p>
{{ _('Are you sure you want to stop your printer?') }} {{ _("Are you sure you want to stop your printer?") }}
</p> </p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal" aria-hidden="true">{{ _('Cancel') }}</a> <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">{{
<a href="#" class="btn btn-danger" data-bind="click: sendCommand">{{ _('Proceed') }}</a> _("Cancel")
}}</a>
<a href="#" class="btn btn-danger" data-bind="click: sendCommand">{{
_("Proceed")
}}</a>
</div> </div>
</div> </div>