This repository has been archived on 2020-03-24. You can view files and clone it, but cannot push or open issues or pull requests.
quay/static/css/directives/ui/logs-view.css
Joseph Schorr ad12df0f93 Fix logs UI around date time handling
Makes the UI nicer looking and removes the 2 week limit; instead we have a 1 month limit, which is the max days we keep the logs in the database before being rotated.

Fixes #1480
2016-05-23 15:51:34 -04:00

116 lines
No EOL
2 KiB
CSS

.logs-view-element .header {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.logs-view-element {
min-width: 300px;
}
.logs-view-element #bar-chart {
display: none;
}
.logs-view-element .date-line {
display: block;
margin-bottom: 10px;
}
.logs-view-element .date-line-caption {
display: inline-block;
width: 50px;
text-transform: capitalize;
}
.logs-view-element .manager-header {
padding-bottom: 82px;
}
}
.logs-view-element .table-container {
min-height: 200px;
}
.logs-view-element .manager-header .header-text {
font-size: 24px;
vertical-align: middle;
}
.logs-view-element .manager-header .header-text .mini {
font-size: 18px;
color: #999;
margin-left: 10px;
}
.logs-view-element .logs-date-picker {
width: 122px;
}
.logs-view-element .datepicker {
padding: 12px;
}
.logs-view-element .datepicker button {
border: 0px;
}
.logs-view-element .manager-header input {
font-size: 14px;
text-align: center;
border: 1px solid #eee;
padding: 4px;
border-radius: 4px;
margin-left: 4px;
margin-right: 4px;
}
.logs-view-element .manager-header .right {
float: right;
margin-left: 10px;
}
.logs-view-element .log i.fa {
margin-right: 6px;
}
.logs-view-element .log .circle {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 6px;
margin-top: 7px;
vertical-align: middle;
float: left;
}
.logs-view-element .log .log-description {
margin-left: 20px;
display: block;
line-height: 25px;
}
.logs-view-element .log .log-description code {
max-width: 200px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.logs-view-element .log-performer {
white-space: nowrap;
}
.logs-view-element .side-controls .filter-input {
vertical-align: middle;
}
.logs-view-element .side-controls {
float: none !important;
text-align: right;
margin-bottom: 20px;
}