harmacist/healthchecks
1
0
Fork 0
forked from GithubBackups/healthchecks
Code Issues Pull Requests Projects Releases Wiki Activity

Make log events fit better on mobile screens.

Browse Source
This commit is contained in:
Pēteris Caune 2019-11-05 10:45:39 +02:00
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
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

431
static/css/bootstrap.css vendored
View File

File diff suppressed because it is too large Load Diff

12
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;
} }

2
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;

2
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" %}

4
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" %}