Improve UI

* add CSS classes to fields
* use monospace font for field values
* min-width for record content edit field, stretch label and content
  to dialog width
* max-width for record content table cell, explicit (percent) column
  sizes
* text-align: right numbers
* display raw data in cells with $('<span>').text(...)
* add DNSSEC info and masters for slave zones
* add some RR types and disable distinction from address .arpa zone;
  show all types for every field
This commit is contained in:
Stefan Bühler 2014-10-04 14:13:37 +02:00
parent 54fb62b471
commit 922642005d
2 changed files with 222 additions and 89 deletions

View file

@ -139,3 +139,31 @@ pre {
.ui-dialog {
max-width: 80%;
}
tr.jtable-data-row td {
font-family: monospace;
font-size: 16px;
vertical-align: top;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}
tr.jtable-data-row td.ttl, tr.jtable-data-row td.priority,
.jtable-input input.ttl, .jtable-input input.priority {
text-align: right;
}
tr.jtable-data-row td.content {
max-width: 800px;
}
.jtable-input input {
font-family: monospace;
font-size: 16px;
}
.jtable-input input.name {
width: 100%;
}
.jtable-input input.content {
min-width: 600px;
width: 100%;
}