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

Use ion icons on the status page

Browse Source
This commit is contained in:
James Brooks
2014-12-30 12:50:34 +00:00
parent 9aaaf546fd
commit 05089c4193
6 changed files with 32 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/sass/_status-page.scss
+9 -9
View File
@@ -124,23 +124,23 @@ body.status-page {
position: absolute; position: absolute;
left: 25px; left: 25px;
top: 14px; top: 14px;
.fa { .ion {
position: absolute; position: absolute;
&.fa-flag { &.ion-flag {
top: 10px; top: 10px;
left: 9px; left: 13px;
} }
&.fa-warning { &.ion-alert {
top: 10px; top: 10px;
left: 9px; left: 15px;
} }
&.fa-eye { &.ion-eye {
top: 10px; top: 10px;
left: 9px; left: 10px;
} }
&.fa-check { &.ion-checkmark {
top: 10px; top: 10px;
left: 9px; left: 11px;
} }
} }
&.status-1 { &.status-1 {
app/models/Incident.php
+4 -4
View File
@@ -46,10 +46,10 @@ class Incident extends Eloquent implements \Dingo\Api\Transformer\TransformableI
public function getIconAttribute() public function getIconAttribute()
{ {
switch ($this->status) { switch ($this->status) {
case 1: return 'fa fa-flag'; case 1: return 'ion ion-flag';
case 2: return 'fa fa-warning'; case 2: return 'ion ion-alert';
case 3: return 'fa fa-eye'; case 3: return 'ion ion-eye';
case 4: return 'fa fa-check'; case 4: return 'ion ion-checkmark';
} }
} }
composer.lock
Generated
-1
View File
@@ -3530,7 +3530,6 @@
"minimum-stability": "stable", "minimum-stability": "stable",
"stability-flags": [], "stability-flags": [],
"prefer-stable": false, "prefer-stable": false,
"prefer-lowest": false,
"platform": { "platform": {
"php": ">=5.4" "php": ">=5.4"
}, },
public/build/css/all-a9ff4425.css → public/build/css/all-729d9f2f.css
+9 -9
View File
@@ -4823,20 +4823,20 @@ body.status-page {
position: absolute; position: absolute;
left: 25px; left: 25px;
top: 14px; } top: 14px; }
body.status-page .timeline .moment .icon .fa { body.status-page .timeline .moment .icon .ion {
position: absolute; } position: absolute; }
body.status-page .timeline .moment .icon .fa.fa-flag { body.status-page .timeline .moment .icon .ion.ion-flag {
top: 10px; top: 10px;
left: 9px; } left: 13px; }
body.status-page .timeline .moment .icon .fa.fa-warning { body.status-page .timeline .moment .icon .ion.ion-alert {
top: 10px; top: 10px;
left: 9px; } left: 15px; }
body.status-page .timeline .moment .icon .fa.fa-eye { body.status-page .timeline .moment .icon .ion.ion-eye {
top: 10px; top: 10px;
left: 9px; } left: 10px; }
body.status-page .timeline .moment .icon .fa.fa-check { body.status-page .timeline .moment .icon .ion.ion-checkmark {
top: 10px; top: 10px;
left: 9px; } left: 11px; }
body.status-page .timeline .moment .icon.status-1 { body.status-page .timeline .moment .icon.status-1 {
color: #FF8800; } color: #FF8800; }
body.status-page .timeline .moment .icon.status-2 { body.status-page .timeline .moment .icon.status-2 {
public/build/css/all.css
+9 -9
View File
@@ -4823,20 +4823,20 @@ body.status-page {
position: absolute; position: absolute;
left: 25px; left: 25px;
top: 14px; } top: 14px; }
body.status-page .timeline .moment .icon .fa { body.status-page .timeline .moment .icon .ion {
position: absolute; } position: absolute; }
body.status-page .timeline .moment .icon .fa.fa-flag { body.status-page .timeline .moment .icon .ion.ion-flag {
top: 10px; top: 10px;
left: 9px; } left: 13px; }
body.status-page .timeline .moment .icon .fa.fa-warning { body.status-page .timeline .moment .icon .ion.ion-alert {
top: 10px; top: 10px;
left: 9px; } left: 15px; }
body.status-page .timeline .moment .icon .fa.fa-eye { body.status-page .timeline .moment .icon .ion.ion-eye {
top: 10px; top: 10px;
left: 9px; } left: 10px; }
body.status-page .timeline .moment .icon .fa.fa-check { body.status-page .timeline .moment .icon .ion.ion-checkmark {
top: 10px; top: 10px;
left: 9px; } left: 11px; }
body.status-page .timeline .moment .icon.status-1 { body.status-page .timeline .moment .icon.status-1 {
color: #FF8800; } color: #FF8800; }
body.status-page .timeline .moment .icon.status-2 { body.status-page .timeline .moment .icon.status-2 {
public/build/rev-manifest.json
+1 -1
View File
@@ -1,4 +1,4 @@
{ {
"css/all.css": "css/all-a9ff4425.css", "css/all.css": "css/all-729d9f2f.css",
"js/all.js": "js/all-fe283b26.js" "js/all.js": "js/all-fe283b26.js"
} }