External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-14 11:20:39 -03:30
Code Issues Packages Projects Releases Wiki Activity

reduce disabled background color to increase contrast w border

Browse Source
This commit is contained in:
John Mitchell 2019-01-30 12:14:48 -05:00
parent 3c0744629b
commit e4d44efea2
No known key found for this signature in database
GPG Key ID: FE6A9B5BD4EB5C94
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Pagination/Pagination.jsx
View File

@ -152,7 +152,7 @@ class Pagination extends Component {
</div>
{pageCount !== 1 && (
<div className="awx-pagination__page-count">
<div className="pf-c-input-group">
<div className="pf-c-input-group pf-m-previous">
<Button
className="awx-pagination__page-button"
variant="tertiary"

15
src/components/Pagination/styles.scss
View File

@ -1,7 +1,7 @@
.awx-pagination {
--awx-pagination--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
--awx-pagination--BorderColor: var(--pf-global--BackgroundColor--light-300);
--awx-pagination--disabled-BackgroundColor: #EDEDED;
--awx-pagination--disabled-BackgroundColor: #f2f2f2;
--awx-pagination--disabled-Color: #C2C2CA;
border-top: 1px solid var(--awx-pagination--BorderColor);
@ -18,10 +18,6 @@
--pf-global--target-size--MinWidth: 30px;
--pf-global--FontSize--md: 14px;
.awx-pagination__page-size-selection {
// font-weight: normal;
}
.awx-pagination__page-size-selection .pf-c-dropdown__toggle {
font-weight: bold;
margin-left: 10px;
@ -72,13 +68,20 @@
}
.pf-c-input-group {
border-right: 1px solid var(--awx-pagination--BorderColor);
height: 56px;
}
.pf-c-input-group.pf-m-previous {
border-right: 1px solid var(--awx-pagination--BorderColor);
}
.pf-c-input-group .pf-c-button.pf-m-disabled {
border: 1px solid var(--awx-pagination--BorderColor);
background-color: var(--awx-pagination--disabled-BackgroundColor);
color: var(--awx-pagination--disabled-Color);
}
.pf-c-input-group.pf-m-previous .pf-c-button.pf-m-disabled {
border-right: 0;
}
}