Update fixes UI for icons, link styling, and non-actionable fixes

Fix several bugs
This commit is contained in:
Quincy Morgan
2019-02-14 15:56:04 -05:00
parent c86f11c359
commit 1821c3e955
13 changed files with 114 additions and 41 deletions
+45 -21
View File
@@ -3009,50 +3009,60 @@ div.full-screen > button:hover {
width: 100%;
font-weight: inherit;
border-radius: 0;
text-align: inherit;
display: flex;
color: inherit;
}
[dir='rtl'] .issue button {
padding: 5px 5px 5px 10px;
}
.issue button.label {
text-align: inherit;
display: flex;
}
.warnings-list,
.issue.severity-warning,
.issue.severity-warning li,
li.issue.severity-warning {
border-color: #FFDF5C;
}
.errors-list,
.issue.severity-error,
.issue.severity-error li,
li.issue.severity-error {
border-color: #f5b0ab;
}
.issue.severity-warning,
.issue.severity-warning button,
.mode-save .warning-section {
background: #ffb;
}
.issue.severity-warning button:hover,
.issue.severity-warning button:focus {
.issue.severity-warning:not(.expanded) button:hover,
.issue.severity-warning:not(.expanded) button:focus {
background: #FFFF99;
}
.issue.severity-warning .icon {
color: #FFB300
.issue.severity-warning .issue-icon,
.issue.severity-warning .issue-fix-item.actionable {
color: #ff9205;
fill: #ff9205;
}
.issue.severity-warning .issue-fix-item.actionable:hover {
color: #f07504;
fill: #f07504;
}
.issue.severity-error,
.issue.severity-error button,
.mode-save .error-section {
background: #FFD5D4;
}
.issue.severity-error button:hover,
.issue.severity-error button:focus {
.issue.severity-error:not(.expanded) button:hover,
.issue.severity-error:not(.expanded) button:focus {
background: #ffc9c7;
}
.issue.severity-error .icon {
color: #DD1400
.issue.severity-error .issue-icon,
.issue.severity-error .issue-fix-item.actionable {
color: #DD1400;
fill: #DD1400;
}
.issue.severity-error .issue-fix-item.actionable:hover {
color: #ab0f00;
fill: #ab0f00;
}
/* Issues Pane */
@@ -3091,13 +3101,27 @@ div.full-screen > button:hover {
.entity-issues .issue:not(:last-of-type) {
margin-bottom: 10px;
}
ul.issue-fix-list li:first-child {
border-top-style: solid;
border-top-width: 2px;
.issue.expanded button.label {
cursor: pointer;
pointer-events: none;
padding-bottom: 0px;
}
ul.issue-fix-list li:not(:last-of-type) {
border-bottom-style: solid;
border-bottom-width: 1px;
ul.issue-fix-list button {
padding: 2px 10px 2px 26px;
}
.issue-fix-item:first-of-type button {
padding-top:4px;
}
.issue-fix-item:last-of-type button {
padding-bottom:7px;
}
.issue-fix-item:not(.actionable) button {
cursor: pointer;
pointer-events: none;
}
.issue-fix-item:not(.actionable) .fix-icon {
color: #555;
fill: #555;
}
.issue:not(.expanded) ul.issue-fix-list {
height: 0px;