diff options
Diffstat (limited to 'applications/luci-app-banip/luasrc/view')
4 files changed, 43 insertions, 14 deletions
diff --git a/applications/luci-app-banip/luasrc/view/banip/banip_css.htm b/applications/luci-app-banip/luasrc/view/banip/banip_css.htm index 807102452c..86efcc5f20 100644 --- a/applications/luci-app-banip/luasrc/view/banip/banip_css.htm +++ b/applications/luci-app-banip/luasrc/view/banip/banip_css.htm @@ -1,6 +1,8 @@ <style type="text/css"> textarea { + width: 100%; + height: 450px; border: 1px solid #cccccc; padding: 5px; font-size: 12px; @@ -51,16 +53,32 @@ .cbi-section-table-row > .cbi-value-field [data-dynlist] > input, .table.cbi-section-table input[type="text"], .cbi-dynlist > .item, - .table.cbi-section-table input + .table.cbi-section-table input, + .cbi-dynlist { + display: inline-block; width: 6em; + margin: 1px; + } + + .td.cbi-value-field .cbi-button + { + width: auto; + margin: 1px 0 1px -2px; + } + + .btn, + .cbi-button, + .item::after + { + -webkit-appearance: menulist; } .cbi-input-checkbox { height: 1em; } - + .cbi-input-text { text-align: left; @@ -68,9 +86,9 @@ outline: none; box-shadow: none; background: transparent; - width: 4em; + width: 6em; } - + .runtime { color: #37c; @@ -79,7 +97,7 @@ width: 100%; padding-top: 0.5rem; } - + .ripe_desc { font-style: italic; @@ -88,4 +106,12 @@ height: 20px; margin: 2px 2px; } + + .button_running + { + display: inline-block; + width: 16px; + height: 16px; + margin: 0 5px; + } </style> diff --git a/applications/luci-app-banip/luasrc/view/banip/ipsetview.htm b/applications/luci-app-banip/luasrc/view/banip/ipsetview.htm index 14932ffaef..22c1312a8f 100644 --- a/applications/luci-app-banip/luasrc/view/banip/ipsetview.htm +++ b/applications/luci-app-banip/luasrc/view/banip/ipsetview.htm @@ -15,9 +15,10 @@ This is free software, licensed under the Apache License, Version 2.0 //<![CDATA[ function ipset_view() { - var ipset = div_ipsets.querySelector("#s_ipsets").value; - var filter = document.getElementById("checkbox_filter").checked; - var view = document.getElementById("view_id"); + var div_ipsets = document.getElementById("div_ipsets"); + var ipset = div_ipsets.querySelector("#s_ipsets").value; + var filter = document.getElementById("checkbox_filter").checked; + var view = document.getElementById("view_id"); if (!ipset) { diff --git a/applications/luci-app-banip/luasrc/view/banip/ripeview.htm b/applications/luci-app-banip/luasrc/view/banip/ripeview.htm index 118504fd65..5d26ce95f1 100644 --- a/applications/luci-app-banip/luasrc/view/banip/ripeview.htm +++ b/applications/luci-app-banip/luasrc/view/banip/ripeview.htm @@ -10,8 +10,9 @@ This is free software, licensed under the Apache License, Version 2.0 //<![CDATA[ function ripe_desc() { - var query = div_ripe.querySelector("#s_ripe").value; - var output = document.getElementById("ripe_desc"); + var div_ripe = document.getElementById("div_ripe"); + var query = div_ripe.querySelector("#s_ripe").value; + var output = document.getElementById("ripe_desc"); switch (query) { case "geoloc": @@ -45,9 +46,10 @@ This is free software, licensed under the Apache License, Version 2.0 function ripe_view() { - var query = div_ripe.querySelector("#s_ripe").value; - var input = document.getElementById("ripe_input"); - var view = document.getElementById("view_id"); + var div_ripe = document.getElementById("div_ripe"); + var query = div_ripe.querySelector("#s_ripe").value; + var input = document.getElementById("ripe_input"); + var view = document.getElementById("view_id"); if (!input.value) { diff --git a/applications/luci-app-banip/luasrc/view/banip/runtime.htm b/applications/luci-app-banip/luasrc/view/banip/runtime.htm index 041fcb143c..65a58bd374 100644 --- a/applications/luci-app-banip/luasrc/view/banip/runtime.htm +++ b/applications/luci-app-banip/luasrc/view/banip/runtime.htm @@ -124,7 +124,7 @@ function btn_action(action) <label class="cbi-value-title" for="button_1"><%:Refresh IPSets%></label> <div class="cbi-value-field"> <input class="cbi-button cbi-button-apply" id="btn1" type="button" name="do_refresh" value="<%:Refresh%>" onclick="btn_action(this)" /> - <span id="btn1_running" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span> + <span id="btn1_running" class="btn_running"></span> </div> </div> |