diff --git a/CHANGELOG.md b/CHANGELOG.md index b7a23a1a..ee730dfe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,53 @@ All notable changes to this project will be documented in this file. This project adheres to [Semantic Versioning](http://semver.org/). +## [1.8.0] - 2019-10-31 +# Added +- Drag and drop for vbox interactions can be used instead of single click / double click + +- Base white items and be directly equipped from vbox rather than going through the inventory + - Useful if you want to equip an item without further combining with colours + +- You can swap skills and specs between constructs without using the inventory + +# Changed + +- Construct life changed + - You now start with 800 green life (down from 950) + - You now start with 125 red life and blue life (up from 0) + +- Game phase layout + - Enemy team effects appear under your construct instead of next to it + - Game phase constructs line up symmetrically now + +- Mobile + - Tutorial is disabled for mobile view + - Landscape is now default view + - Vbox phase everything is now in one view + - Game constructs and animations are much larger in mobile view + +- Amplify + Now increases green power + +- Absorb + - Reduced duration and cooldown from 2T -> 1T (Absorption duration unchanged) + - Absorption damage is now based on all damage taken (previously only green damage taken) + - Now recharges blue life based on 95 / 120 / 155 blue power + +- Banish + Reduced cooldown to 1T + +- Decay + Removed cooldown + +- Haste / Hybrid + Fixed issue when hybridblast and hastestrike wouldn't trigger from upgraded + skills + +- Intercept + - Reduced duration to 1T down from 2T + - Reduced cooldown to 1T down from 2T + + ## [1.7.0] - 2019-10-31 # Added - Step by step tutorial diff --git a/VERSION b/VERSION index 081af9a1..afa2b351 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -1.7.1 \ No newline at end of file +1.8.0 \ No newline at end of file diff --git a/WORKLOG.md b/WORKLOG.md index 174a7073..7ecaec13 100644 --- a/WORKLOG.md +++ b/WORKLOG.md @@ -3,22 +3,33 @@ *PRODUCTION* -* vbox phase skill list navigator (overlay maybe?) * can't reset password without knowing password =\ +* ws gzip encoding -* mobile styles * mobile info page -* fix info page for tablet layout * Invert recharge ## SOON -* equip from shop (buy and equip without putting in your inventory) for bases -* move item from one construct to another +* change cooldowns to delay & recharge + - delay is cooldown before skill can first be used + - recharge is cooldown after using skill + - every x speed reduces delay of skills + +* combo rework + - reduce number of items for creating t2/t3 items from 3 -> 2 + - add lost complexity by adding skill spec items + - Created by combining a skill with corresponding spec + e.g. + - Strike + PowerRR -> StrikePower (Will be the power symbol with strike text under) + - Construct does Y% more damage with Strike + - Strike + SpeedRR -> StrikeSpeed (strike has Y% more speed) + - Strike + LifeRR -> StrikeLife (Strike recharges X% of damage as red life) * ACP * essential + * audio * treats * susbcriber gold name in instance @@ -66,7 +77,6 @@ $$$ * Highlight (dota) colour * fx colours + styles -* ??? (PROBS NOT) drag and drop buy / equip / unequip items ??? * modules * troll life -> dmg * prince of peace diff --git a/acp/package.json b/acp/package.json index 48ed247e..69013a0e 100644 --- a/acp/package.json +++ b/acp/package.json @@ -1,6 +1,6 @@ { "name": "mnml-client", - "version": "1.7.1", + "version": "1.8.0", "description": "", "main": "index.js", "scripts": { diff --git a/client/assets/icons/mnml.png b/client/assets/icons/mnml.png index 068e30c1..d6e38299 100644 Binary files a/client/assets/icons/mnml.png and b/client/assets/icons/mnml.png differ diff --git a/client/assets/rotate.svg b/client/assets/rotate.svg new file mode 100644 index 00000000..b48ee399 --- /dev/null +++ b/client/assets/rotate.svg @@ -0,0 +1,2593 @@ + + + + diff --git a/client/assets/styles/account.less b/client/assets/styles/account.less index adb879fe..ff102b69 100644 --- a/client/assets/styles/account.less +++ b/client/assets/styles/account.less @@ -4,7 +4,7 @@ grid-template-columns: 1fr 1fr 1fr 1fr; div { - padding-right: 2em; + padding-right: 1em; } button { diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less index 13da2d0e..f3ea9020 100644 --- a/client/assets/styles/colours.less +++ b/client/assets/styles/colours.less @@ -169,3 +169,15 @@ button { color: @green; } } + +@keyframes rb-text { + 0% { + color: @red; + } + 50% { + color: @white; + } + 100% { + color: @blue; + } +} diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less index 54bcb375..69e89c1b 100644 --- a/client/assets/styles/controls.less +++ b/client/assets/styles/controls.less @@ -96,6 +96,20 @@ aside { border-color: forestgreen; } } + + // all green + // &:enabled { + // background: forestgreen; + // color: black; + // border-color: forestgreen; + + // &:hover { + // color: forestgreen; + // border-color: forestgreen; + // background: 0; + // } + // } + } .team-page-ctrl { diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index 65ad6b25..d6bd7d30 100644 --- a/client/assets/styles/game.less +++ b/client/assets/styles/game.less @@ -10,15 +10,22 @@ // "opponent" // "target " // "player "; + + .skill-description { + font-size: 75%; + } } -.game .team { +.game .team, .faceoff .team { display: grid; grid-template-columns: repeat(3, 1fr); /* stops overflow */ min-height: 0; min-width: 0; + + // timer is 0.25 w/ 1em margin + width: calc(90% - 1.25em); } .player { @@ -28,7 +35,6 @@ position: absolute; bottom: 0; height: 50%; - width: 90%; } .opponent { @@ -37,13 +43,15 @@ position: absolute; top: 0; height: 35%; - width: 90%; margin-top: 0.5em; .game-construct { align-items: flex-start; - grid-template-columns: 1fr 2fr; + grid-template-rows: 2fr min-content; grid-template-rows: 1fr; + grid-template-areas: + "right" + "left"; .right { height: 100%; @@ -78,12 +86,16 @@ justify-items: center; grid-template-columns: 1fr; - grid-template-rows: min-content 1fr; + grid-template-rows: 1fr 2fr; + grid-template-areas: + "left" + "right"; .left { width: 100%; display: grid; + grid-area: left; grid-template-columns: 1fr 2fr; grid-template-areas: "skills effects"; @@ -91,6 +103,7 @@ .right { display: grid; + grid-area: right; grid-template-rows: minmax(min-content, 1fr) min-content min-content; grid-template-areas: "avatar" @@ -120,6 +133,7 @@ } .skills { + z-index: 2; button { width: 100%; height: 2em; @@ -131,6 +145,7 @@ } .effects { + z-index: 2; grid-area: effects; white-space: nowrap; width: 100%; @@ -198,7 +213,7 @@ position: absolute; top: 35%; height: 15%; - width: 90%; + width: calc(90% - 1.25em); } .resolving-skill { @@ -238,6 +253,9 @@ overflow: hidden; max-height: 100%; max-width: 100%; + + display: flex; + flex-flow: column; } .combat-anim svg { @@ -257,14 +275,6 @@ color: #a52a2a; } -.red-damage text { - fill: #a52a2a; -} - -.red-damage .stats { - /*border-top: 1px solid #a52a2a;*/ -} - .game-construct.blue-damage { color: #3050f8; opacity: 1; @@ -274,13 +284,6 @@ color: #3050f8; } -.blue-damage text { - fill: #3050f8; -} - -.blue-damage .stats { -} - .game-construct.green-damage { color: #1FF01F; opacity: 1; @@ -290,31 +293,8 @@ color: #1FF01F; } -.green-damage text { - fill: #1FF01F; -} - -.green-damage .stats { - /*border-top: 1px solid #1FF01F;*/ -} - -.game-construct.purple-damage { -/* filter: drop-shadow(0 0 0.2em purple); -*/ color: purple; - border-color: purple; -} - -.purple-damage button { - border: 1px solid purple; - color: purple; -} - -.purple-damage text { - fill: purple; -} - -.purple-damage .stats { - border-top: 1px solid purple; +.game-construct.rb-damage { + animation: rb-text 1s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite; } .game .img, .faceoff .img { @@ -345,104 +325,4 @@ overflow: hidden; max-height: 100%; max-width: 100%; - // height: 5em; -} - -@media (max-width: 1000px) { - .game { - grid-template-areas: - "opponent" - "target " - "player "; - - grid-template-rows: 1fr 0.2fr 1.5fr; - grid-template-columns: 1fr; - - .game-construct { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: min-content 1fr; - - .left { - width: 100%; - grid-template-areas: - "skills" - "effects"; - grid-template-columns: 1fr; - grid-template-rows: min-content min-content; - } - - .skills { - button { - padding: 0 0.5em ; - margin: 0; - } - button.active { - background: #2c2c2c; - } - } - - .stats div { - padding: 0; - } - - .stats .max { - display: none; - } - - .stats .value { - display: flex; - } - - .stats svg { - height: 1em; - } - - .stats div { - margin: 0 0.2em; - } - - .effects { - font-size: 100%; - } - - .stats, .name { - font-size: 75%; - } - - .skills button { - font-size: 50%; - } - - .skill-description { - font-size: 65%; - } - } - - .player { - width: calc(100% - 1em); - bottom: 3em; - height: calc(50% - 3em); - } - - .opponent { - width: calc(100% - 1em); - .game-construct { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: min-content 1fr; - } - } - - #targeting, .resolving-skill { - width: calc(100% - 1em); - } - - .player { - width: calc(100% - 1em); - bottom: 3em; - height: calc(50% - 3em); - } - } - } diff --git a/client/assets/styles/instance.less b/client/assets/styles/instance.less index 0f05fc8b..fdf9f4cd 100644 --- a/client/assets/styles/instance.less +++ b/client/assets/styles/instance.less @@ -9,10 +9,6 @@ grid-template-areas: "vbox info" "constructs constructs"; - - hr { - grid-area: rule; - } } @media (max-width: 1920px) { @@ -88,65 +84,6 @@ border-right-width: 0; } -/* VBOX */ -.vbox { - align-content: space-between; - grid-area: vbox; - display: grid; - grid-template-rows: min-content min-content min-content; - grid-template-columns: 1fr min-content 1fr; - grid-template-areas: - "vbox varrow inventory" - "vbox varrow combiner"; -} - -.vbox-inventory { - grid-area: inventory; -} - -.vbox-combiner { - grid-area: combiner; - display: flex; - flex-flow: column; - justify-content: flex-end; -} - -.vbox-arrow, .vbox-arrow-mobile { - display: flex; - justify-content:center; - align-content:center; - flex-direction:column; - - margin: 1em 0.25em 0 0.25em; - grid-area: varrow; - font-size: 2em; - color: @gray-hint; -} - -.vbox-combiner button { - flex: 0; -} - - -.vbox-hdr { - display: flex; -} - -.vbox-hdr h3 { - flex: 1; -} - -.vbox-hdr .bits { - font-size: 2em; - line-height: 1em; - animation: bits 1s ease-out; -} - -.arrow { - grid-area: arrow; - color: @gray-hint; -} - @keyframes action { 0% { color: palegoldenrod; @@ -195,6 +132,7 @@ grid-area: skills; padding: 0 0.5em; margin-bottom: 0.75em; + z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); @@ -203,12 +141,16 @@ button { height: 3em; } + label { + display: flex; + } } .specs { grid-area: specs; padding: 0 0.5em; margin-bottom: 0.75em; + z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); @@ -225,9 +167,13 @@ } figcaption { - font-size: 75%; + // font-size: 75%; line-height: initial; } + + label { + display: flex; + } } .stats { @@ -239,7 +185,7 @@ text-align: center; figcaption { - font-size: 75%; + // font-size: 75%; } // give speed some space diff --git a/client/assets/styles/instance.mobile.less b/client/assets/styles/instance.mobile.less index 9fec777b..925b487f 100644 --- a/client/assets/styles/instance.mobile.less +++ b/client/assets/styles/instance.mobile.less @@ -17,9 +17,7 @@ @media (max-width: 800px) { .instance { - overflow-y: scroll; - font-size: 8pt; - display: grid; + font-size: 6pt; grid-template-columns: 1fr; grid-template-rows: min-content 1fr; grid-template-areas: @@ -30,141 +28,4 @@ display: none; } } - - .instance .nav-btn { display: initial; } - - .vbox { - grid-area: vbox; - margin-bottom: 0; - display: grid; - grid-template-rows: min-content min-content min-content min-content; - grid-template-columns: 1fr; - grid-template-areas: - "vbox" - "varrow" - "inventory" - "combiner"; - - &:not(.visible) { - display: none; - } - - .vbox-vbox { - margin-bottom: 1em; - } - } - - .vbox-arrow { - display: none; - } - - .vbox-inventory .vbox-hdr { - display: block; - } - - .vbox-arrow-mobile { - display: block; - grid-area: varrow; - width: 100%; - text-align: center; - margin: 0; - } - - .construct-list { - display: grid; - grid-auto-rows: 1fr; - - .instance-construct:not(.visible) { - display: none; - }; - } - - .vbox-inventory { - margin-left: 0; - } - - .vbox-combiner { - margin-left: 0; - } - - .equip .specs { - margin-top: 0.5em; - border: none; - border-bottom: 1px solid #444; - } - - .equip .skills { - border: none; - border-bottom: 1px solid #444; - } - - .instance-construct { - display: grid; - grid-template-rows: min-content min-content min-content 1fr min-content; - grid-template-areas: - "name " - "skills " - "specs " - "avatar " - "stats "; - - border: 0; - padding: 0; - - transition-property: all; - transition-duration: 0.25s; - transition-delay: 0; - transition-timing-function: ease; - } - - .instance-construct:first-child { - border-left-width: 0; - } - - .instance-construct:not(:last-child) { - border-right: 1px solid #222; - } - - .instance-construct .skills { - flex-flow: column; - } - - .instance-construct .skills button { - margin: 0; - } - - .instance-construct .specs { - margin: 0; - } - - .construct-list .stats { - flex-flow: row wrap; - text-align: center; - } - - .instance-construct .stats div.speed { - order: -1; - flex: 1 0 100%; - margin: 0; - } - - .instance-construct .stats div { - flex: 1 1 33%; - } - - .instance-nav { - display: flex; - grid-area: nav; - margin-right: 0; - border-top: 2px solid #444; - } - - .instance-nav button { - font-size: 150%; - border-right: 2px solid #444; - } - - .instance-nav button:last-child { - border: none; - } } \ No newline at end of file diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less index 672e928e..7282cc94 100644 --- a/client/assets/styles/menu.less +++ b/client/assets/styles/menu.less @@ -142,6 +142,19 @@ section { border-color: forestgreen; } } + + // // all green + // button.ready:enabled { + // background: forestgreen; + // color: black; + // border-color: forestgreen; + + // &:hover { + // color: forestgreen; + // border-color: forestgreen; + // background: 0; + // } + // } } } @@ -215,29 +228,3 @@ section { } } -@media (max-width: 800px) { - section { - grid-template-columns: 1fr; - - .list { - grid-template-columns: 1fr 1fr; - - &.play { - grid-template-columns: 1fr; - } - } - - } - - .menu .team { - grid-template-columns: 1fr; - - .construct { - height: 10em; - } - } - - .account { - grid-template-columns: 1fr; - } -} \ No newline at end of file diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less index 86ea5d38..99329d24 100644 --- a/client/assets/styles/styles.less +++ b/client/assets/styles/styles.less @@ -309,6 +309,7 @@ li { background-size: contain; background-repeat: no-repeat; background-position: center; + z-index: 0; // pointer-events: none; } @@ -316,4 +317,29 @@ li { width: 1px; height: 1px; padding: 0px; -} \ No newline at end of file +} + +#rotate { + display: none; + + z-index: 1000; + + position: fixed; + top: 0; + left: 0; + + width: 100vw; + height: 100vh; + background-image: url("./../rotate.svg"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + + &.show { + display: flex; + } + + h1 { + flex: 1; + } +} diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less index be259075..c0e8798b 100644 --- a/client/assets/styles/styles.mobile.less +++ b/client/assets/styles/styles.mobile.less @@ -1,115 +1,187 @@ -@media (max-width: 800px) { +@media (max-width: 1000px) { body { overflow-y: initial; } #mnml { - font-size: 12pt; - padding: 0; + font-size: 8pt; + padding: 0.25em; + + .instance { + grid-template-columns: 1fr; + grid-template-rows: min-content 1fr; + + grid-template-areas: + "vbox" + "constructs"; + + svg { + stroke-width: 1.25em; + } + } + + .game { + .team, #targeting, .resolving-skill { + width: calc(90% - 3em); + } + + .game-construct { + grid-template-columns: 1fr; + grid-template-rows: min-content 1fr; + + + .avatar { + grid-area: initial; + position: absolute; + top: 0; + height: 100%; + width: 100%; + z-index: -1; + } + + svg { + height: 1em; + } + } + + .skills { + button[disabled] { + display: none; + } + } + + .effects { + font-size: 1em; + } + + .player { + .game-construct { + grid-template-areas: + "left" + "right"; + + .left { + grid-template-columns: 1fr; + grid-template-rows: 1fr min-content; + grid-template-areas: + "skills" + "effects"; + + } + } + } + + .opponent { + .game-construct { + grid-template-rows: 2fr min-content; + grid-template-rows: 1fr; + grid-template-areas: + "right" + "left"; + + .left { + grid-template-columns: min-content 1fr; + } + } + + .avatar { + bottom: 0px; + } + } + } + + .instance-construct { + position: relative; + + .skills, .specs { + font-size: 75%; + } + + .avatar { + grid-area: initial; + position: absolute; + top: 0; + height: 100%; + width: 100%; + z-index: -1; + } + } + + aside { + button { + margin-bottom: 0.5em; + } + } + } +} + + +// portrait menu +@media (max-width: 600px) { + #mnml { grid-template-columns: 1fr; - grid-template-rows: 10fr 1fr; + grid-template-rows: 1fr; grid-template-areas: "main" - "footer"; - - height: 100vh; - max-height: initial; - min-height: initial; } - table td { - height: 2.5em; + section { + grid-template-columns: 1fr; + + .list { + grid-template-columns: 1fr 1fr; + + &.play { + grid-template-columns: 1fr; + } + } + } - nav { - display: none; - } + .account { + grid-template-columns: 1fr; - aside { - display: none; - } - - footer { - display: flex; - position: fixed; - bottom: 0; - width: 100%; - - button { - font-size: 90%; + div { + padding: 0; } } - #nav-btn, #instance-nav { - display: unset; - } - - #mnml.nav-visible nav { - padding: 0.5em; - margin: 0; - display: block; - grid-area: main; - } - - #mnml.nav-visible main { + .play-ctrl { display: none; } - main { - overflow-x: hidden; - overflow-y: initial; - max-height: 100vh; - padding: 0 0.5em; - } - - .welcome .login { - width: 100%; - } - - .welcome .options { - width: 100%; - flex-flow: row wrap; - } - - .welcome .options button { - flex: 1 0 50%; - } - - .timer-container { - margin: 0.5em 0 0 0; - } - - .mobile-title { - display: block; - margin-bottom: 1em; - } - - .menu-instances { - display: grid; - - grid-template-columns: 1fr; - grid-template-areas: - "constructs" - "inventory" - "games"; - } - .menu { + height: auto; + display: block; + .options { display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(2, 1fr); button:not(:last-child) { border: 2px solid #222; } button.logo { + grid-column-end: span 2; border: none; margin-right: 0; margin-top: 0.5em; background-position: center; } } + + .team { + grid-template-columns: 1fr; + + .construct { + height: 10em; + } + } + + .news { + padding: 0; + } } section { @@ -117,14 +189,4 @@ grid-template-columns: 1fr; } } - - .account { - div { - padding: 0; - } - } - - .play-p { - display: none; - } -} +} \ No newline at end of file diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less index fe62f0a2..6b868716 100644 --- a/client/assets/styles/vbox.less +++ b/client/assets/styles/vbox.less @@ -22,10 +22,6 @@ grid-gap: 0.5em 1em; align-items: center; margin-bottom: 0.5em; - - button { - width: 100%; - } } .vbox-btn { @@ -73,6 +69,7 @@ button { height: 4em; margin: 0; + width: 100%; // text-transform: none; @@ -83,7 +80,7 @@ &.highlight { color: black; background: @white; - border: 1px solid @white; + // border: 1px solid @white; (this bangs around the vbox) // overwrite the classes on white svg elements svg { @@ -100,7 +97,7 @@ figure { svg { height: 2em; - stroke-width: 8px; + stroke-width: 0.5em; } figcaption { @@ -108,3 +105,62 @@ } } } + +/* VBOX */ +.vbox { + align-content: space-between; + grid-area: vbox; + display: grid; + grid-template-rows: min-content min-content min-content; + grid-template-columns: 1fr min-content 1fr; + grid-template-areas: + "vbox varrow inventory" + "vbox varrow combiner"; +} + +.vbox-inventory { + grid-area: inventory; +} + +.vbox-combiner { + grid-area: combiner; + display: flex; + flex-flow: column; + justify-content: flex-end; +} + +.vbox-arrow, .vbox-arrow-mobile { + display: flex; + justify-content:center; + align-content:center; + flex-direction:column; + + margin: 1em 0.25em 0 0.25em; + grid-area: varrow; + font-size: 2em; + color: @gray-hint; +} + +.vbox-combiner button { + flex: 0; +} + + +.vbox-hdr { + display: flex; +} + +.vbox-hdr h3 { + flex: 1; +} + +.vbox-hdr .bits { + font-size: 2em; + line-height: 1em; + animation: bits 1s ease-out; +} + +.arrow { + grid-area: arrow; + color: @gray-hint; +} diff --git a/client/index.html b/client/index.html index 760d2f1e..f9a2f86c 100644 --- a/client/index.html +++ b/client/index.html @@ -15,6 +15,8 @@ + +
diff --git a/client/manifest.webmanifest b/client/manifest.webmanifest index 3d2582a5..4703d584 100644 --- a/client/manifest.webmanifest +++ b/client/manifest.webmanifest @@ -1,7 +1,7 @@ { - "name": "mnml", - "description": "mnml pvp atbs", - "short_name": "mnml", + "name": "MNML", + "description": "abstract strategy", + "short_name": "MNML", "icons": [ { "src": "./assets/icons/mnml.png", @@ -15,7 +15,8 @@ } ], "start_url": "/index.html", - "display": "fullscreen", + "display": "standalone", + "orientation": "landscape", "theme_color": "#000000", "background_color": "#000000" } \ No newline at end of file diff --git a/client/package.json b/client/package.json index f446e92c..fbdfadd2 100644 --- a/client/package.json +++ b/client/package.json @@ -1,6 +1,6 @@ { "name": "mnml-client", - "version": "1.7.1", + "version": "1.8.0", "description": "", "main": "index.js", "scripts": { diff --git a/client/src/actions.jsx b/client/src/actions.jsx index 4b9d11ac..e42d349c 100644 --- a/client/src/actions.jsx +++ b/client/src/actions.jsx @@ -36,12 +36,10 @@ export const setItemInfo = value => ({ type: 'SET_ITEM_INFO', value }); export const setItemUnequip = value => ({ type: 'SET_ITEM_UNEQUIP', value }); export const setMtxActive = value => ({ type: 'SET_MTX_ACTIVE', value }); export const setNav = value => ({ type: 'SET_NAV', value }); -export const setNavInstance = value => ({ type: 'SET_NAV_INSTANCE', value }); export const setPing = value => ({ type: 'SET_PING', value }); export const setPlayer = value => ({ type: 'SET_PLAYER', value }); export const setReclaiming = value => ({ type: 'SET_RECLAIMING', value }); export const setShowLog = value => ({ type: 'SET_SHOW_LOG', value }); -export const setShowNav = value => ({ type: 'SET_SHOW_NAV', value }); export const setSkip = value => ({ type: 'SET_SKIP', value }); export const setShop = value => ({ type: 'SET_SHOP', value }); export const setSubscription = value => ({ type: 'SET_SUBSCRIPTION', value }); diff --git a/client/src/animations.utils.jsx b/client/src/animations.utils.jsx index 8e2818c7..f749e43f 100644 --- a/client/src/animations.utils.jsx +++ b/client/src/animations.utils.jsx @@ -160,7 +160,7 @@ function getText(resolution) { if (type === 'Recharge') { const { red, blue } = event; - if (red > 0 && blue > 0) return { text: [`+${red}R +${blue}B`, ''], css: 'purple-damage' }; + if (red > 0 && blue > 0) return { text: [`+${red}R +${blue}B`, ''], css: 'rb-damage' }; if (red > 0) return { text: [`+${red}R`, ''], css: 'red-damage' }; if (blue > 0) return { text: [`+${blue}B`, ''], css: 'blue-damage' }; return nullText; diff --git a/client/src/components/anims/siphon.tick.jsx b/client/src/components/anims/siphon.tick.jsx index 43155c07..1f7f4d47 100644 --- a/client/src/components/anims/siphon.tick.jsx +++ b/client/src/components/anims/siphon.tick.jsx @@ -38,7 +38,7 @@ class SiphonTick extends Component { render() { return (