vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add a service status indicator to the footer and add a notification bar for any incidents

Browse source
This commit is contained in:
Joseph Schorr 2015-02-24 17:41:30 -05:00
parent afe6be0daf
commit ace6da5514
9 changed files with 173 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

29
static/css/directives/ui/quay-service-status.css Normal file
View file

@ -0,0 +1,29 @@
.quay-service-status-indicator {
display: inline-block;
border-radius: 50%;
width: 12px;
height: 12px;
margin-right: 6px;
background: #eee;
vertical-align: middle
}
.quay-service-status-description {
vertical-align: middle;
}
.quay-service-status-indicator.none {
background: #2fcc66;
}
.quay-service-status-indicator.minor {
background: #f1c40f;
}
.quay-service-status-indicator.major {
background: #e67e22;
}
.quay-service-status-indicator.critical {
background: #e74c3c;
}

73
static/css/quay.css
View file

@ -23,6 +23,47 @@
}
}
.announcement a {
color: lightblue;
}
.announcement {
position: absolute;
z-index: 9;
top: 0px;
left: 0px;
right: 0px;
display: block;
background: rgba(8, 61, 95, 0.6);
min-height: 45px;
text-align: center;
font-size: 14px;
line-height: 45px;
color: white;
}
.announcement.inline {
position: relative;
}
.announcement .spacer {
display: inline-block;
width: 45px;
}
.announcement img {
height: 45px;
padding-top: 6px;
padding-bottom: 6px;
}
.announcement .plus {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.scrollable-menu {
max-height: 400px;
overflow: auto;
@ -1516,38 +1557,6 @@ i.toggle-icon:hover {
margin-top: 20px;
}
.landing .announcement {
position: absolute;
z-index: 9;
top: 0px;
left: 0px;
right: 0px;
display: block;
background: rgba(8, 61, 95, 0.6);
min-height: 45px;
text-align: center;
font-size: 14px;
line-height: 45px;
}
.landing .announcement .spacer {
display: inline-block;
width: 45px;
}
.landing .announcement img {
height: 45px;
padding-top: 6px;
padding-bottom: 6px;
}
.landing .announcement .plus {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.landing {
color: white;