Comments (11)
Yes, this is not clear and was the first thing I saw after this update.
Dark grey with white text for selected seems better
On 22 August 2015 at 16:02, ofZach [email protected] wrote:
here, in one case grey = selected, while in another case, white =
selected. needs maybe some consistency?[image: screen shot 2015-08-22 at 10 01 11 am]
https://cloud.githubusercontent.com/assets/142897/9424286/d5e8112e-48b4-11e5-957f-e5a1df6f14f5.png—
Reply to this email directly or view it on GitHub
#14.
from pgelectron.
Btw I think I fixed this in 002c075 (makes it white on gray)
Approve ?
from pgelectron.
I still think it's confusing, I'm working on styling the select2 it might help. The problem is that the select 2 grey is the same as the unselected platform, so for me the feels it's a bit off, like I can't tell what is active. I'll work on this a bit, thanks for the changes!
from pgelectron.
if it helps, it was also unclear to me which one was "selected". a color might not be enough, but adding a border to the selected ones would feel very clear to me.
from pgelectron.
I also think an "x" image, like the PG roadmap mockup and the adddons multiselect would be useful, ie, signaling an unselect... I tried to do this via css but I think it has to be done with javascript.
from pgelectron.
I did a new try, might be better but I'm still not convinced.
from pgelectron.
I think if the x was bigger (like the PG mockup) and it was visibility:none on unselected (so there wasn't a gap) it might help. Obviously things will reflow as you select them, but it feels like it would be more obvious.
from pgelectron.
I made the gap on purpose so the buttons don't move on enabling/disabling them. (because adding the "x" adds more width to the buttons)
from pgelectron.
I think it's fine if they reflow as you select them...
from pgelectron.
Should be better now :)
Also removed the "x" and the pointer when it's the only selected platform.
from pgelectron.
this could be closed i think, as the design is much clearer now.
from pgelectron.
Related Issues (20)
- use clearer / less nerdy names for platforms? HOT 2
- open link to ofxaddons instead of showing tooltip HOT 1
- app name is still "Electron" HOT 3
- maybe we only need console when you do something like generate a project, etc HOT 8
- Clean dependencies
- ui bugs at the moment(?) HOT 14
- No addons found
- moniker can be discouraging HOT 12
- add verbose toggle HOT 2
- clean up front (semantic-ui) HOT 2
- open project causes error HOT 5
- Using path in index.js causes error HOT 3
- win32 error HOT 6
- top bar drag HOT 5
- addons list include non addon folders (like obj from makefile system). HOT 3
- javascript error HOT 3
- erratic behaviour of update button HOT 2
- Windows 10: can't select platform HOT 10
- Selecting addon from dropdown with mouse leaves partial text HOT 1
- GUI falsely reporting missing addons for update without project files
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 pgelectron.