rnhmjoj/qutebrowser
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add table headers and widen input fields in qute://settings

Browse Source
This commit is contained in:
arza 2017-09-23 22:24:17 +03:00
parent b8389e4496
commit 1784dc777d
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
qutebrowser/html/settings.html
View File

@ -17,6 +17,9 @@ pre { margin: 2px; }
th, td { border: 1px solid grey; padding: 0px 5px; } th, td { border: 1px solid grey; padding: 0px 5px; }
th { background: lightgrey; } th { background: lightgrey; }
th pre { color: grey; text-align: left; } th pre { color: grey; text-align: left; }
input { width: 98%; }
.setting { width: 75%; }
.value { width: 25%; text-align: center; }
.noscript, .noscript-text { color:red; } .noscript, .noscript-text { color:red; }
.noscript-text { margin-bottom: 5cm; } .noscript-text { margin-bottom: 5cm; }
.option_description { margin: .5ex 0; color: grey; font-size: 80%; font-style: italic; white-space: pre-line; } .option_description { margin: .5ex 0; color: grey; font-size: 80%; font-style: italic; white-space: pre-line; }
@ -26,15 +29,19 @@ th pre { color: grey; text-align: left; }
<noscript><h1 class="noscript">View Only</h1><p class="noscript-text">Changing settings requires javascript to be enabled!</p></noscript> <noscript><h1 class="noscript">View Only</h1><p class="noscript-text">Changing settings requires javascript to be enabled!</p></noscript>
<header><h1>{{ title }}</h1></header> <header><h1>{{ title }}</h1></header>
<table> <table>
<tr>
<th>Setting</th>
<th>Value</th>
</tr>
{% for option in configdata.DATA.values() %} {% for option in configdata.DATA.values() %}
<tr> <tr>
<!-- FIXME: convert to string properly --> <!-- FIXME: convert to string properly -->
<td>{{ option.name }} (Current: {{ confget(option.name) | string |truncate(100) }}) <td class="setting">{{ option.name }} (Current: {{ confget(option.name) | string |truncate(100) }})
{% if option.description %} {% if option.description %}
<p class="option_description">{{ option.description|e }}</p> <p class="option_description">{{ option.description|e }}</p>
{% endif %} {% endif %}
</td> </td>
<td> <td class="value">
<input type="text" <input type="text"
id="input-{{ option.name }}" id="input-{{ option.name }}"
onblur="cset('{{ option.name }}', this.value)" onblur="cset('{{ option.name }}', this.value)"