Comments (8)
I'm going to have a crack at this as I have an idea on how this could be the weapons page version of the "list" view where it's essentially just a more compact version similar to what we have here where the camos are listed in a column below the weapon with the challenge next to it
from orion.
We could decrease the padding around the requirement. What font size is it currently? I think we go a bit smaller 👍 And yeah, we can definitely remove the redundant "babble" in the requirement. Preferably we would have a function where we can pass a parameter if we want a compact text or a descriptive one which returns the requirement.
Great job! Looks good! 😄
from orion.
It's only 2px top and bottom lol 😆
Thought I'd go as small as possible without it looking too close to the edge
from orion.
I'll definitely reduce the weapon padding as well , squeeze as much space out of it as I can without ruining the design integrity
from orion.
Oh the padding on the sides, yep I can reduce that!
from orion.
Just FYI @emorygg, we pushed a new feature as part of #33 that hopefully helps with what you were after?
Hope you enjoy!
from orion.
Sort of like a compressed version of the UI? I can look into it! 😄
from orion.
It's tricky to get it as compact as it is above, since we track mastery camos individually on each gun.
Here's what I have so far though. I tried reducing the font size a bit (I don't want to go too small)
I'm hoping if we can reduce down and refactor the challenge text, maybe give a choice of fully qualified text challenges or shortened wording (i.e. get rid of all the "Get" this, "while" that, and all the extra babble in between and on the end), then I might be able to get them all to 1 line.
Thoughts @carlssonemil?
I could also maybe try putting all the mastery camos on one line to reduce vertical space.
Like this (BEWARE, awful mockup incoming):
from orion.
Related Issues (20)
- [Bug] Translation not used from json file
- [Bug] Relative date in completion dialog is incorrect HOT 1
- [Bug] HOT 2
- [FEATURE] Calling Card Tracker HOT 10
- [Bug]
- [Bug] HOT 1
- [Request] Add weapon mastery tracking HOT 1
- [Bug] Camos HOT 3
- Suggestion - Highlight favorited camos on weapons screen HOT 2
- [Bug] HOT 1
- .editorconfig for easier contribution HOT 1
- Add Season 5 Weapons HOT 2
- [Missing Data] HOT 2
- [s06] Add camo data for S06 weapons
- Remove DOOM Chainsaw from the list since it's just a Pickaxe skin HOT 2
- [Bug] - Missing Newest Season's Challenges HOT 1
- Your error stating that comingSoon isn't defined on https://orion.emca.app HOT 2
- Optimisation required for latest calling cards HOT 1
- Incorrectly Named Calling Card Images Causing Non-Load (Green Box) HOT 2
- Prestige Calling Cards missing default state - not selectable HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from orion.