nielsperetzke
/
healthchecks
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 32 Wiki Activity
Browse Source

Make log events fit better on mobile screens.

pull/307/head
Pēteris Caune 5 years ago
parent
87495a74c6
commit
052700a642
No known key found for this signature in database GPG Key ID: E28D7679E9A9EDE2
6 changed files with 187 additions and 265 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -0
      CHANGELOG.md
  2. +170
    -261
      static/css/bootstrap.css
  3. +12
    -0
      static/css/log.css
  4. +1
    -1
      stuff/bootstrap/variables.less
  5. +1
    -1
      templates/front/details_events.html
  6. +2
    -2
      templates/front/log.html

+ 1
- 0
CHANGELOG.md View File

@ -6,6 +6,7 @@ All notable changes to this project will be documented in this file.
### Bug Fixes ### Bug Fixes
- On mobile, "My Checks" page, always show the gear (Details) button (#286) - On mobile, "My Checks" page, always show the gear (Details) button (#286)
- Make log events fit better on mobile screens
## 1.10.0 - 2019-10-21 ## 1.10.0 - 2019-10-21


+ 170
- 261
static/css/bootstrap.css
File diff suppressed because it is too large
View File


+ 12
- 0
static/css/log.css View File

@ -29,6 +29,12 @@
padding-left: 20px; padding-left: 20px;
} }
@media (max-width: 767px) {
#log .delta {
display: none;
}
}
#log .details { #log .details {
width: 100%; width: 100%;
max-width: 0; max-width: 0;
@ -58,6 +64,11 @@
background: #fff3f2; background: #fff3f2;
} }
#log td.event {
text-align: right;
width: 1%;
}
#log .n-cell { #log .n-cell {
font-family: monospace; font-family: monospace;
text-align: right; text-align: right;
@ -70,3 +81,4 @@
#log .alert-info { #log .alert-info {
font-size: 12px; font-size: 12px;
} }

+ 1
- 1
stuff/bootstrap/variables.less View File

@ -67,7 +67,7 @@
//** By default, this inherits from the `<body>`. //** By default, this inherits from the `<body>`.
@headings-font-family: inherit; @headings-font-family: inherit;
@headings-font-weight: 300;
@headings-font-weight: 400;
@headings-line-height: 1.1; @headings-line-height: 1.1;
@headings-color: inherit; @headings-color: inherit;


+ 1
- 1
templates/front/details_events.html View File

@ -9,7 +9,7 @@
</td> </td>
<td class="date"></td> <td class="date"></td>
<td class="time"></td> <td class="time"></td>
<td class="text-right">
<td class="event">
{% if event.kind == "fail" %} {% if event.kind == "fail" %}
<span class="label label-danger">Failure</span> <span class="label label-danger">Failure</span>
{% elif event.kind == "start" %} {% elif event.kind == "start" %}


+ 2
- 2
templates/front/log.html View File

@ -17,7 +17,7 @@
</li> </li>
<li class="active">Log</li> <li class="active">Log</li>
<li id="format-switcher-container" class="pull-right">
<li id="format-switcher-container" class="pull-right hidden-xs">
<div id="format-switcher" class="btn-group" data-toggle="buttons"> <div id="format-switcher" class="btn-group" data-toggle="buttons">
<label class="btn btn-default btn-xs" data-format="UTC"> <label class="btn btn-default btn-xs" data-format="UTC">
<input type="radio" name="date-format" checked> <input type="radio" name="date-format" checked>
@ -50,7 +50,7 @@
</td> </td>
<td class="date"></td> <td class="date"></td>
<td class="time"></td> <td class="time"></td>
<td class="text-right">
<td class="event">
{% if event.kind == "fail" %} {% if event.kind == "fail" %}
<span class="label label-danger">Failure</span> <span class="label label-danger">Failure</span>
{% elif event.kind == "start" %} {% elif event.kind == "start" %}


Write Preview
Loading…
Cancel
Save