Use ion icons on the status page

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

View File

@ -124,23 +124,23 @@ body.status-page {
position: absolute;
left: 25px;
top: 14px;
.fa {
.ion {
position: absolute;
&.fa-flag {
&.ion-flag {
top: 10px;
left: 9px;
left: 13px;
}
&.fa-warning {
&.ion-alert {
top: 10px;
left: 9px;
left: 15px;
}
&.fa-eye {
&.ion-eye {
top: 10px;
left: 9px;
left: 10px;
}
&.fa-check {
&.ion-checkmark {
top: 10px;
left: 9px;
left: 11px;
}
}
&.status-1 {

View File

@ -46,10 +46,10 @@ class Incident extends Eloquent implements \Dingo\Api\Transformer\TransformableI
public function getIconAttribute()
{
switch ($this->status) {
case 1: return 'fa fa-flag';
case 2: return 'fa fa-warning';
case 3: return 'fa fa-eye';
case 4: return 'fa fa-check';
case 1: return 'ion ion-flag';
case 2: return 'ion ion-alert';
case 3: return 'ion ion-eye';
case 4: return 'ion ion-checkmark';
}
}

1
composer.lock generated
View File

@ -3530,7 +3530,6 @@
"minimum-stability": "stable",
"stability-flags": [],
"prefer-stable": false,
"prefer-lowest": false,
"platform": {
"php": ">=5.4"
},

View File

@ -4823,20 +4823,20 @@ body.status-page {
position: absolute;
left: 25px;
top: 14px; }
body.status-page .timeline .moment .icon .fa {
body.status-page .timeline .moment .icon .ion {
position: absolute; }
body.status-page .timeline .moment .icon .fa.fa-flag {
body.status-page .timeline .moment .icon .ion.ion-flag {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-warning {
left: 13px; }
body.status-page .timeline .moment .icon .ion.ion-alert {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-eye {
left: 15px; }
body.status-page .timeline .moment .icon .ion.ion-eye {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-check {
left: 10px; }
body.status-page .timeline .moment .icon .ion.ion-checkmark {
top: 10px;
left: 9px; }
left: 11px; }
body.status-page .timeline .moment .icon.status-1 {
color: #FF8800; }
body.status-page .timeline .moment .icon.status-2 {

View File

@ -4823,20 +4823,20 @@ body.status-page {
position: absolute;
left: 25px;
top: 14px; }
body.status-page .timeline .moment .icon .fa {
body.status-page .timeline .moment .icon .ion {
position: absolute; }
body.status-page .timeline .moment .icon .fa.fa-flag {
body.status-page .timeline .moment .icon .ion.ion-flag {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-warning {
left: 13px; }
body.status-page .timeline .moment .icon .ion.ion-alert {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-eye {
left: 15px; }
body.status-page .timeline .moment .icon .ion.ion-eye {
top: 10px;
left: 9px; }
body.status-page .timeline .moment .icon .fa.fa-check {
left: 10px; }
body.status-page .timeline .moment .icon .ion.ion-checkmark {
top: 10px;
left: 9px; }
left: 11px; }
body.status-page .timeline .moment .icon.status-1 {
color: #FF8800; }
body.status-page .timeline .moment .icon.status-2 {

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