448: removed double quotes in js. slight text highlight on compared ships in shipyard

This commit is contained in:
EspenMH
2019-08-15 15:06:37 +02:00
parent f4534fd3eb
commit 70e69c7099
3 changed files with 6 additions and 3 deletions

View File

@@ -191,7 +191,7 @@ export default class ShipyardPage extends Page {
style={{ height: '1.5em' }} style={{ height: '1.5em' }}
className={cn({ className={cn({
highlighted: noTouch && this.state.shipId === s.id, highlighted: noTouch && this.state.shipId === s.id,
"compare-highlight": this.state.compare[s.id], comparehighlight: this.state.compare[s.id],
})} })}
onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)} onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)}
onClick={() => this._toggleCompare(s.id)} onClick={() => this._toggleCompare(s.id)}
@@ -311,7 +311,7 @@ export default class ShipyardPage extends Page {
style={{ height: '1.5em' }} style={{ height: '1.5em' }}
className={cn({ className={cn({
highlighted: noTouch && this.state.shipId === s.id, highlighted: noTouch && this.state.shipId === s.id,
"compare-highlight": this.state.compare[s.id], comparehighlight: this.state.compare[s.id],
})} })}
onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)} onMouseEnter={noTouch && this._highlightShip.bind(this, s.id)}
onClick={() => this._toggleCompare(s.id)} onClick={() => this._toggleCompare(s.id)}

View File

@@ -3,6 +3,7 @@
@disabledDarken: 15%; @disabledDarken: 15%;
@bgTransparency: 10%; @bgTransparency: 10%;
@bgHighlight: 5%; @bgHighlight: 5%;
@fgHighlight: 10%;
// Foreground colors // Foreground colors
@fg: #CCC; @fg: #CCC;
@@ -26,6 +27,7 @@
@warning-bg: fadeout(darken(@warning, @bgDarken), @bgTransparency); // Dark Red @warning-bg: fadeout(darken(@warning, @bgDarken), @bgTransparency); // Dark Red
@alt-primary-bg-highlighted: lighten(@alt-primary-bg, @bgHighlight); @alt-primary-bg-highlighted: lighten(@alt-primary-bg, @bgHighlight);
@fg-highlighted: lighten(@fg, @fgHighlight);

View File

@@ -86,7 +86,8 @@ td {
} }
table.shipyard-table{ table.shipyard-table{
tbody tr.compare-highlight{ tbody tr.comparehighlight{
background-color: @secondary-bg; background-color: @secondary-bg;
color: @fg-highlighted;
} }
} }