lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better styling when nothing to report is shown

Browse Source
This commit is contained in:
James Brooks
2014-12-29 21:50:33 +00:00
parent 9cf7b141f8
commit 7dfb3157bb
6 changed files with 115 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
app/assets/sass/_status-page.scss
View File

@@ -77,6 +77,15 @@ body.status-page {
margin-left: 15px;
}
}
.panel {
.panel-body {
p {
margin: 0;
}
}
}
.moment {
width: 100%;
padding-bottom: 10px;
@@ -153,43 +162,47 @@ body.status-page {
.panel {
margin: 0;
border-radius: 2px;
}
.panel-body {
border-top: 1px solid #eee;
p {
margin: 0;
font-size: 1em;
// font-weight: normal;
&.panel-message {
border: 1px solid #e8e8e8;
.date {
color: darken(#c7c7c7, 20%);
}
&:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " ";
}
&:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
}
}
.panel-message {
border: 1px solid #e8e8e8;
.date {
color: darken(#c7c7c7, 20%);
.panel-body {
border-top: 1px solid #eee;
p {
margin: 0;
font-size: 1em;
// font-weight: normal;
}
}
}
.panel-message:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " ";
}
.panel-message:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
}
}
@media (max-width: 767px) {

6
app/views/partials/incident.blade.php
View File

@@ -33,7 +33,11 @@
</div>
</div>
@empty
<p>{{ Lang::get('cachet.incident.none') }}</p>
<div class='panel panel-message'>
<div class='panel-body'>
<p>{{ Lang::get('cachet.incident.none') }}</p>
</div>
</div>
@endforelse
</div>
</div>

1
composer.lock generated
View File

@@ -3394,7 +3394,6 @@
"minimum-stability": "stable",
"stability-flags": [],
"prefer-stable": false,
"prefer-lowest": false,
"platform": [],
"platform-dev": []
}

60
public/build/css/all-b0cbc5c6.css → public/build/css/all-492bbb0d.css
View File

@@ -4787,6 +4787,8 @@ body.status-page {
font-size: 22px; }
body.status-page .timeline h3 small {
margin-left: 15px; }
body.status-page .timeline .panel .panel-body p {
margin: 0; }
body.status-page .timeline .moment {
width: 100%;
padding-bottom: 10px;
@@ -4847,35 +4849,35 @@ body.status-page {
body.status-page .timeline .moment .panel {
margin: 0;
border-radius: 2px; }
body.status-page .timeline .moment .panel-body {
border-top: 1px solid #eee; }
body.status-page .timeline .moment .panel-body p {
margin: 0;
font-size: 1em; }
body.status-page .timeline .moment .panel-message {
border: 1px solid #e8e8e8; }
body.status-page .timeline .moment .panel-message .date {
color: #949494; }
body.status-page .timeline .moment .panel-message:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel-message:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel.panel-message {
border: 1px solid #e8e8e8; }
body.status-page .timeline .moment .panel.panel-message .date {
color: #949494; }
body.status-page .timeline .moment .panel.panel-message:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel.panel-message:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel .panel-body {
border-top: 1px solid #eee; }
body.status-page .timeline .moment .panel .panel-body p {
margin: 0;
font-size: 1em; }
@media (max-width: 767px) {
body.status-page .timeline .moment .content {
width: 100%; }

60
public/build/css/all.css
View File

@@ -4787,6 +4787,8 @@ body.status-page {
font-size: 22px; }
body.status-page .timeline h3 small {
margin-left: 15px; }
body.status-page .timeline .panel .panel-body p {
margin: 0; }
body.status-page .timeline .moment {
width: 100%;
padding-bottom: 10px;
@@ -4847,35 +4849,35 @@ body.status-page {
body.status-page .timeline .moment .panel {
margin: 0;
border-radius: 2px; }
body.status-page .timeline .moment .panel-body {
border-top: 1px solid #eee; }
body.status-page .timeline .moment .panel-body p {
margin: 0;
font-size: 1em; }
body.status-page .timeline .moment .panel-message {
border: 1px solid #e8e8e8; }
body.status-page .timeline .moment .panel-message .date {
color: #949494; }
body.status-page .timeline .moment .panel-message:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel-message:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel.panel-message {
border: 1px solid #e8e8e8; }
body.status-page .timeline .moment .panel.panel-message .date {
color: #949494; }
body.status-page .timeline .moment .panel.panel-message:before {
position: absolute;
top: 16px;
left: 1px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 0 solid #e8e8e8;
border-right: 15px solid #e8e8e8;
border-bottom: 15px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel.panel-message:after {
position: absolute;
top: 17px;
left: 2px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
content: " "; }
body.status-page .timeline .moment .panel .panel-body {
border-top: 1px solid #eee; }
body.status-page .timeline .moment .panel .panel-body p {
margin: 0;
font-size: 1em; }
@media (max-width: 767px) {
body.status-page .timeline .moment .content {
width: 100%; }

2
public/build/rev-manifest.json
View File

@@ -1,4 +1,4 @@
{
"css/all.css": "css/all-b0cbc5c6.css",
"css/all.css": "css/all-492bbb0d.css",
"js/all.js": "js/all-fe283b26.js"
}