Update Quay Sec UI as per feedback from design team

Fixes #1281
This commit is contained in:
Joseph Schorr 2016-03-09 15:28:21 -05:00
parent c75fcfbd5e
commit 821b09daaf
20 changed files with 656 additions and 564 deletions

View file

@ -1199,10 +1199,18 @@ a:focus {
margin-top: 4px;
font-size: 14px;
text-align: right;
display: inline-block;
}
.co-filter-box .filter-options input {
margin-right: 6px;
.co-filter-box .filter-options label input {
margin-right: 4px;
}
.co-filter-box.with-options > input {
display: inline-block;
width: 200px;
margin-right: 4px;
}
.co-check-bar {

View file

@ -98,6 +98,7 @@
.repo-panel-tags-element .security-scan-col .vuln-load-error {
color: #9B9B9B;
font-size: 12px;
cursor: default;
}
.repo-panel-tags-element .security-scan-col .no-vulns a {

View file

@ -26,20 +26,26 @@
.image-feature-view-element .donut-col {
padding-top: 20px;
text-align: center;
max-width: 250px;
display: inline-block;
vertical-align: top;
}
.image-feature-view-element #featureDonutChart {
display: inline-block;
}
.image-feature-view-element .summary-col {
font-size: 20px;
padding-top: 40px;
font-size: 18px;
display: inline-block;
vertical-align: top;
padding-top: 30px;
}
.image-feature-view-element .summary-col .title-item {
font-size: 24px;
margin-bottom: 40px;
margin-bottom: 30px;
}
.image-feature-view-element .summary-list {
@ -51,7 +57,7 @@
margin-right: 10px;
}
.image-feature-view-element .summary-list strong {
.image-feature-view-element .summary-list .package-item strong {
text-align: right;
width: 40px;
display: inline-block;

View file

@ -18,6 +18,9 @@
.image-vulnerability-view-element .donut-col {
padding-top: 20px;
text-align: center;
max-width: 250px;
display: inline-block;
vertical-align: top;
}
.image-vulnerability-view-element #vulnDonutChart {
@ -25,13 +28,20 @@
}
.image-vulnerability-view-element .summary-col {
font-size: 20px;
padding-top: 40px;
font-size: 18px;
display: inline-block;
vertical-align: top;
padding-top: 30px;
}
.image-vulnerability-view-element .summary-col .title-item {
font-size: 24px;
margin-bottom: 40px;
margin-bottom: 6px;
}
.image-vulnerability-view-element .summary-col .subtitle-item {
font-size: 22px;
margin-bottom: 6px;
}
.image-vulnerability-view-element .summary-list {
@ -43,7 +53,7 @@
margin-right: 10px;
}
.image-vulnerability-view-element .summary-list strong {
.image-vulnerability-view-element .summary-list li.severity-item strong {
text-align: right;
width: 40px;
display: inline-block;
@ -167,3 +177,19 @@
display: inline-block;
max-width: 1000px;
}
.image-vulnerability-view-element .asterisk {
vertical-align: super;
font-size: 9px;
margin-left: 2px;
}
.image-vulnerability-view-element .severity-note {
margin-bottom: 10px;
}
.image-vulnerability-view-element .severity-note .vulnerability-priority-view {
margin: 0px;
margin-left: 2px;
margin-right: 2px;
}

View file

@ -2,7 +2,7 @@
display: inline-block;
vertical-align: top;
max-width: 200px;
padding: 10px;
padding-right: 20px;
}
.nvd-vectors-display-element dt {

View file

@ -1,23 +1,7 @@
.vulnerability-priority-view-element {
cursor: default;
}
.vulnerability-priority-view-element i.fa {
margin-right: 4px;
}
.vulnerability-priority-view-element.Unknown,
.vulnerability-priority-view-element.Low,
.vulnerability-priority-view-element.Negligible {
color: #9B9B9B;
}
.vulnerability-priority-view-element.Medium {
color: #FCA657;
}
.vulnerability-priority-view-element.High,
.vulnerability-priority-view-element.Critical {
color: #D64456;
}
.vulnerability-priority-view-element.Defcon1 {
color: black;
font-weight: bold;
}
}