luci-app-adblock: small visual fixes

* made readonly textarea (logview) scrollable again (bootstrap theme)
* align "Query" input button

Signed-off-by: Dirk Brenken <dev@brenken.org>
This commit is contained in:
Dirk Brenken 2018-07-25 21:39:22 +02:00
parent 8d7ebf0572
commit 771672ff7a
2 changed files with 19 additions and 4 deletions

View file

@ -4,6 +4,21 @@ This is free software, licensed under the Apache License, Version 2.0
-%> -%>
<%+header%> <%+header%>
<style type="text/css">
select[readonly],
textarea[readonly]
{
width: 100%;
height: 450px;
border: 1px solid #cccccc;
padding: 5px;
font-size: 12px;
font-family: monospace;
resize: none;
pointer-events: auto;
cursor: auto;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
//<![CDATA[ //<![CDATA[
@ -28,7 +43,7 @@ This is free software, licensed under the Apache License, Version 2.0
<div class="cbi-map"> <div class="cbi-map">
<div class="cbi-section"> <div class="cbi-section">
<div class="cbi-section-descr"><%:The syslog output, pre-filtered for adblock related messages only.%></div> <div class="cbi-section-descr"><%:The syslog output, pre-filtered for adblock related messages only.%></div>
<textarea id="view_id" style="width:100%;height:450px;border:1px solid #cccccc;padding:5px;font-size:12px;font-family:monospace;resize:none;" readonly="readonly" wrap="off" value=""></textarea> <textarea id="view_id" readonly="readonly" wrap="off" value=""></textarea>
</div> </div>
</div> </div>

View file

@ -1,5 +1,5 @@
<%# <%#
Copyright 2017 Dirk Brenken (dev@brenken.org) Copyright 2017-2018 Dirk Brenken (dev@brenken.org)
This is free software, licensed under the Apache License, Version 2.0 This is free software, licensed under the Apache License, Version 2.0
-%> -%>
@ -48,7 +48,7 @@ This is free software, licensed under the Apache License, Version 2.0
<div class="cbi-section"> <div class="cbi-section">
<div class="cbi-section-descr"><%:This form allows you to query active block lists for certain domains, e.g. for whitelisting.%></div> <div class="cbi-section-descr"><%:This form allows you to query active block lists for certain domains, e.g. for whitelisting.%></div>
<div style="width:33%; float:left;"> <div style="width:33%; float:left;">
<input style="margin: 5px 0" type="text" value="google.com" name="input" /> <input type="text" value="google.com" name="input" />
<input type="button" value="<%:Query%>" class="cbi-button cbi-button-apply" onclick="update_status(this.form.input)" /> <input type="button" value="<%:Query%>" class="cbi-button cbi-button-apply" onclick="update_status(this.form.input)" />
</div> </div>
<br style="clear:both" /> <br style="clear:both" />