Fauxton: better styling for the logs - small columns (pid, date, loglevel) get less width, so there is more space for the message
- padding around the view Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/ef581405 Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/ef581405 Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/ef581405 Branch: refs/heads/import-master Commit: ef58140559f90e96f1b3ea988d900dcedcc091f0 Parents: 321c834 Author: Robert Kowalski <[email protected]> Authored: Fri Apr 11 21:53:48 2014 +0200 Committer: suelockwood <[email protected]> Committed: Thu Apr 17 16:20:01 2014 -0400 ---------------------------------------------------------------------- app/addons/logs/assets/less/logs.less | 19 +++++--- app/addons/logs/templates/dashboard.html | 64 ++++++++++++++------------- 2 files changed, 47 insertions(+), 36 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/ef581405/app/addons/logs/assets/less/logs.less ---------------------------------------------------------------------- diff --git a/app/addons/logs/assets/less/logs.less b/app/addons/logs/assets/less/logs.less index e50f903..a988a46 100644 --- a/app/addons/logs/assets/less/logs.less +++ b/app/addons/logs/assets/less/logs.less @@ -11,14 +11,23 @@ * the License. */ +.logs { + padding: 0 15px; + .log-table { + width: auto; + white-space: nowrap; + .args { + width: 100%; + white-space: normal; + } + } +} + #log-sidebar { - ul { margin-left: 0px; - list-style: none; } - - .remove-filter { - opacity: 0.2; + li { + list-style-type: none; } } http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/ef581405/app/addons/logs/templates/dashboard.html ---------------------------------------------------------------------- diff --git a/app/addons/logs/templates/dashboard.html b/app/addons/logs/templates/dashboard.html index 199794c..95bee25 100644 --- a/app/addons/logs/templates/dashboard.html +++ b/app/addons/logs/templates/dashboard.html @@ -12,35 +12,37 @@ License for the specific language governing permissions and limitations under the License. --> - <h2> CouchDB Logs </h2> - <table class="table table-bordered" > - <thead> - <tr> - <th class="Date">Date</th> - <th class="Log Level">Log Value</th> - <th class="Pid">Pid</th> - <th class="Args">Url</th> - </tr> - </thead> +<div class="logs"> + <h2>CouchDB Logs</h2> + <table class="table table-bordered log-table"> + <thead> + <tr> + <th class="date">Date</th> + <th class="level">Log Value</th> + <th class="pid">Pid</th> + <th class="args">Url</th> + </tr> + </thead> - <tbody> - <% logs.each(function (log) { %> - <tr class="<%= log.logLevel() %>"> - <td> - <!-- TODO: better format the date --> - <%= log.date() %> - </td> - <td> - <%= log.logLevel() %> - </td> - <td> - <%= log.pid() %> - </td> - <td> - <!-- TODO: split the line, maybe put method in it's own column --> - <%= log.args() %> - </td> - </tr> - <% }); %> - </tbody> -</table> + <tbody> + <% logs.each(function (log) { %> + <tr class="<%= log.logLevel() %>"> + <td> + <!-- TODO: better format the date --> + <%= log.date() %> + </td> + <td> + <%= log.logLevel() %> + </td> + <td class="pid"> + <%= log.pid() %> + </td> + <td class="args"> + <!-- TODO: split the line, maybe put method in it's own column --> + <%= log.args() %> + </td> + </tr> + <% }); %> + </tbody> + </table> +</div>
