mirror of
https://github.com/Sebclem/OctoPrint-SimpleEmergencyStop.git
synced 2024-08-18 22:04:55 +02:00
🚑 Fix issue with little button and UiCustomizer #18
This commit is contained in:
parent
b78ad7a49b
commit
f7189147bf
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user