Repository: couchdb Updated Branches: refs/heads/master e3239f195 -> 4124506e7
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/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb/commit/4124506e Tree: http://git-wip-us.apache.org/repos/asf/couchdb/tree/4124506e Diff: http://git-wip-us.apache.org/repos/asf/couchdb/diff/4124506e Branch: refs/heads/master Commit: 4124506e7bb1febf457b10d76aed3b9909a61280 Parents: e3239f1 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/blob/4124506e/src/fauxton/app/addons/logs/assets/less/logs.less ---------------------------------------------------------------------- diff --git a/src/fauxton/app/addons/logs/assets/less/logs.less b/src/fauxton/app/addons/logs/assets/less/logs.less index e50f903..a988a46 100644 --- a/src/fauxton/app/addons/logs/assets/less/logs.less +++ b/src/fauxton/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/blob/4124506e/src/fauxton/app/addons/logs/templates/dashboard.html ---------------------------------------------------------------------- diff --git a/src/fauxton/app/addons/logs/templates/dashboard.html b/src/fauxton/app/addons/logs/templates/dashboard.html index 199794c..95bee25 100644 --- a/src/fauxton/app/addons/logs/templates/dashboard.html +++ b/src/fauxton/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>
