-
Notifications
You must be signed in to change notification settings - Fork 20
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add in-play golden frames #134
Conversation
andburn
commented
Sep 13, 2016
- Adds images for golden in-play minions
- Adds class colours to golden cards (uses css filters so the colours aren't 100% correct, but better than 30 extra images).
Thanks, looking very good. Will fully review and land later this week. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Have you checked the colors? I'm getting very weird ones, e.g. bright purple for mage.
@@ -20,10 +20,15 @@ class InPlayCardArt extends React.Component<EntityProps, {}> { | |||
var images = []; | |||
var entity = this.props.entity; | |||
var controller = this.props.controller; | |||
var postfix = ""; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let
instead of var
.
if (entity.isPremium()) { | ||
images.push({ | ||
image: premiumOverlay, | ||
classes: ["inhand-base", premiumOverlayClass] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add trailing comma, please.
@@ -18,6 +18,9 @@ class InHandCardArt extends React.Component<InHandCardArtProps, {}> { | |||
var entity = this.props.entity; | |||
var portraitClass = null; | |||
var frame = null; | |||
var premiumOverlay = null; | |||
var premiumOverlayClass = null; | |||
var cardClass = this.cardClassToString(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use let
instead of var
for all.
} | ||
|
||
.shaman-color { | ||
filter: hue-rotate(250deg) saturate(75%) brightness(80%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Color looks wrong, looks right for me with about filter: hue-rotate(220deg) saturate(50%) brightness(100%);
} | ||
|
||
.mage-color { | ||
filter: hue-rotate(303deg) saturate(88%) brightness(94%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
22af358
to
8fe2b38
Compare
👍 Nice work. Landing this and revisiting the paladin color in #139. |
Uses an image for each card type and applies css filters to approximate the class color.
Mage is also really broken, following up in #139. |