Fix the color of gang selection button:

This commit is contained in:
Senad Uka
2020-10-14 07:43:46 +02:00
parent fc32a15f1b
commit 0ad9935927
2 changed files with 7 additions and 3 deletions

View File

@@ -60,6 +60,10 @@
margin-left: 2em; margin-left: 2em;
} }
.gang-select-button {
background-color: #ee6e73;
}
.overflow { .overflow {
width: 120px; width: 120px;
overflow: hidden; overflow: hidden;
@@ -73,4 +77,4 @@
.no-overflow { .no-overflow {
white-space: nowrap; white-space: nowrap;
} }

View File

@@ -110,9 +110,9 @@ const App = (props) => {
coverTrigger: false, coverTrigger: false,
hover: false, hover: false,
inDuration: 150, inDuration: 150,
outDuration: 250 outDuration: 250,
}} }}
trigger={<Button className="bump"><div className="overflow">{gangName()}</div></Button>} trigger={<Button className="bump gang-select-button"><div className="overflow">{gangName()}</div></Button>}
> >
{gangs.map(gang => <a key={`gang-${gang.id}`} onClick={() => setSelectedGang(gang)}>{gang.name}</a>)} {gangs.map(gang => <a key={`gang-${gang.id}`} onClick={() => setSelectedGang(gang)}>{gang.name}</a>)}
</Dropdown> </Dropdown>