f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-08 11:52:44 +00:00
Code Wiki Activity

style changes for better contrast

Browse Source
This commit is contained in:
Gazook89
2022-09-21 10:56:45 -05:00
parent 3c75ac6156
commit 6329cb2cec
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/pages/basePages/listPage/listPage.jsx
View File

@@ -126,7 +126,7 @@ const ListPage = createClass({
onClick={this.handleSortDirChange} onClick={this.handleSortDirChange}
className='sortDir' className='sortDir'
> >
{this.state.sortDir == 'asc' ? <i className='fas fa-sort-amount-up'></i> : <i className='fas fa-sort-amount-down'></i>} {this.state.sortDir == 'asc' ? <i className='fas fa-sort-up'></i> : <i className='fas fa-sort-down'></i>}
</button> </button>
: '' : ''
} }

27
client/homebrew/pages/basePages/listPage/listPage.less
View File

@@ -35,10 +35,11 @@
top : 0; top : 0;
left : 0; left : 0;
width : 100%; width : 100%;
height : 30px;
background-color : #555; background-color : #555;
border-top : 1px solid #666; border-top : 1px solid #666;
border-bottom : 1px solid #666;
color : white; color : white;
padding : 2px;
text-align : center; text-align : center;
z-index : 500; z-index : 500;
display : flex; display : flex;
@@ -56,19 +57,24 @@
.sort-option { .sort-option {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 5px; padding: 0 8px;
color: #ccc;
height: 100%;
&:hover{
background-color : #444;
}
&.active { &.active {
font-weight: bold; font-weight: bold;
color: white; color: #ddd;
border: 1px solid darkcyan; background-color: #333;
border-radius: 5px;
button { button {
color: white; color: white;
font-weight: 800;
&.sortDir { &.sortDir {
background-color: darkcyan; padding-left: 5px;
} }
} }
} }
@@ -88,13 +94,8 @@
text-transform : uppercase; text-transform : uppercase;
font-weight : normal; font-weight : normal;
font-size : 11px; font-size : 11px;
color : #888; color : #ccc;
padding : 0; padding : 0;
&.sortDir{
width : auto;
padding-left: 5px;
color: white;
}
} }