External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-03 09:48:51 -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
2 changed files with 10 additions and 7 deletions
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> </div>
{pageCount !== 1 && ( {pageCount !== 1 && (
<div className="awx-pagination__page-count"> <div className="awx-pagination__page-count">
<div className="pf-c-input-group"> <div className="pf-c-input-group pf-m-previous">
<Button <Button
className="awx-pagination__page-button" className="awx-pagination__page-button"
variant="tertiary" variant="tertiary"

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

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