mirror of
https://github.com/esphome/esphome.git
synced 2024-12-23 05:54:56 +01:00
Autoscroll logs
This commit is contained in:
parent
3b1cba7ad1
commit
b68ad6e6f8
2 changed files with 52 additions and 30 deletions
|
@ -32,6 +32,26 @@ i.very-large {
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.inlinecode {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0.2em 0.4em;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 85%;
|
||||||
|
background-color: rgba(27,31,35,0.05);
|
||||||
|
border-radius: 3px;
|
||||||
|
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoscroll {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
flex-basis: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autoscroll div {
|
||||||
|
flex-basis: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.log {
|
.log {
|
||||||
background-color: #1c1c1c;
|
background-color: #1c1c1c;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
@ -47,16 +67,6 @@ i.very-large {
|
||||||
color: #DDD;
|
color: #DDD;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inlinecode {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0.2em 0.4em;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 85%;
|
|
||||||
background-color: rgba(27,31,35,0.05);
|
|
||||||
border-radius: 3px;
|
|
||||||
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.log-bold { font-weight: bold; }
|
.log-bold { font-weight: bold; }
|
||||||
.log-italic { font-style: italic; }
|
.log-italic { font-style: italic; }
|
||||||
.log-underline { text-decoration: underline; }
|
.log-underline { text-decoration: underline; }
|
||||||
|
|
|
@ -91,24 +91,30 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="modal-logs" class="modal modal-fixed-footer">
|
<div id="modal-logs" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content autoscroll">
|
||||||
|
<div>
|
||||||
<h4>Show Logs <code class="inlinecode filename"></code></h4>
|
<h4>Show Logs <code class="inlinecode filename"></code></h4>
|
||||||
|
<div>
|
||||||
<div class="log-container">
|
<div class="log-container">
|
||||||
<pre class="log"></pre>
|
<pre class="log"></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Close</a>
|
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Close</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="modal-upload" class="modal modal-fixed-footer">
|
<div id="modal-upload" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content autoscroll">
|
||||||
|
<div>
|
||||||
<h4>Compile And Upload <code class="inlinecode filename"></code></h4>
|
<h4>Compile And Upload <code class="inlinecode filename"></code></h4>
|
||||||
<div class="log-container">
|
<div class="log-container">
|
||||||
<pre class="log"></pre>
|
<pre class="log"></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<a href="https://esphomelib.com/esphomeyaml/guides/faq.html#i-can-t-get-flashing-over-usb-to-work" target="_blank"
|
<a href="https://esphomelib.com/esphomeyaml/guides/faq.html#i-can-t-get-flashing-over-usb-to-work" target="_blank"
|
||||||
class="tooltipped" data-position="left" data-tooltip="Flash using esphomeflasher">
|
class="tooltipped" data-position="left" data-tooltip="Flash using esphomeflasher">
|
||||||
|
@ -119,12 +125,14 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="modal-compile" class="modal modal-fixed-footer">
|
<div id="modal-compile" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content autoscroll">
|
||||||
|
<div>
|
||||||
<h4>Compile <code class="inlinecode filename"></code></h4>
|
<h4>Compile <code class="inlinecode filename"></code></h4>
|
||||||
<div class="log-container">
|
<div class="log-container">
|
||||||
<pre class="log"></pre>
|
<pre class="log"></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<a href="https://esphomelib.com/esphomeyaml/guides/faq.html#i-can-t-get-flashing-over-usb-to-work" target="_blank"
|
<a href="https://esphomelib.com/esphomeyaml/guides/faq.html#i-can-t-get-flashing-over-usb-to-work" target="_blank"
|
||||||
class="tooltipped" data-position="left" data-tooltip="Flash using esphomeflasher">
|
class="tooltipped" data-position="left" data-tooltip="Flash using esphomeflasher">
|
||||||
|
@ -440,24 +448,28 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="modal-clean-mqtt" class="modal modal-fixed-footer">
|
<div id="modal-clean-mqtt" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content autoscroll">
|
||||||
|
<div>
|
||||||
<h4>Clean MQTT discovery <code class="inlinecode filename"></code></h4>
|
<h4>Clean MQTT discovery <code class="inlinecode filename"></code></h4>
|
||||||
<div class="log-container">
|
<div class="log-container">
|
||||||
<pre class="log"></pre>
|
<pre class="log"></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Stop</a>
|
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Stop</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="modal-clean" class="modal modal-fixed-footer">
|
<div id="modal-clean" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content autoscroll">
|
||||||
|
<div>
|
||||||
<h4>Clean Build Files <code class="inlinecode filename"></code></h4>
|
<h4>Clean Build Files <code class="inlinecode filename"></code></h4>
|
||||||
<div class="log-container">
|
<div class="log-container">
|
||||||
<pre class="log"></pre>
|
<pre class="log"></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Stop</a>
|
<a class="modal-close waves-effect waves-green btn-flat stop-logs">Stop</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue