Comments (14)
I'm working on this right now. I've got the CSS working properly. Just need to get the behavior down now.
from cella.
Cool!
from cella.
56f17988d7 This should take care of this. The only thing that bugs me is that Chosen automatically highlights the first item when a field is clicked in. This is fine for occupancy, but I think it looks kind of strange for buildings where the group name can be selected as well. I can pretty easily change this to not select anything, or to select the first group. What do you think?
from cella.
Looks great! Thanks!
I agree about the automatic highlighting being excessive. I think no highlighting would be preferable.
from cella.
One minor issue that I noticed is that the highlighted .group-select
is slightly taller than the not-highlighted one, so when you hover over a campus area, all the buildings in it shift down a little bit.
from cella.
fb7576fb32 Okay, initial highlights are gone. The one pixel shifting is due to the text that's being added on mouseenter. If I raise the baseline of this text by one pixel, the height doesn't change like it did, but I think it's pretty obvious. Maybe we don't need the text?
from cella.
Initial highlights are gone in Chrome, but seem to sometimes appear and sometimes not appear in Firefox. Can you reproduce this? (I'm on Firefox 11.)
You're right about the baseline difference being noticeable. I'd vote for getting rid of the text, but I feel like I might be biased as a "pro" user. Do you think it would hurt usability?
from cella.
7dc26744da I think the text should be there, and I was able to fix the baseline issue. Still working on the highlights some more. They are triggered by a mousedown or click in the filter box, and when I try to to undo them, it has to be through an explicit trigger. So it's a race to see if the drop down opens before the highlight is erased. Don't know what to do about that. For someone reason, it never shows up in Chrome as far as I can tell, but does in Firefox quite frequently.
from cella.
Yeah, right now it flickers in Firefox: highlights then immediately un-highlights.
Nice fix for the baseline issue. I'm still against the text, because I think the interface provides enough of a clue to the behavior. (Over campus areas, the cursor changes and the item highlights, just like for buildings. So it makes sense that you can select them, just like buildings.) But I'm okay leaving the text in for now.
from cella.
a079151a55 Okay, text gone. I think you're right, it's fairly obvious they can be selected. On the highlighting subject, I can't figure out an external solution. I could edit Chosen and remove that highlight call; it doesn't affect anything else. But I don't think we really want to do that, do we?
from cella.
It's not worth it. Let's live with the automatic highlighting.
from cella.
c68088cbb6 Back to automatic highlighting. Don't close this one just yet. I noticed a weird behavior. If you select one of the actual items and then click in the filter box again, it displays the list again. However, if you select a group and then click in the box, it won't display. You have to make the box lose focus and then click in it again in order for it to display. Should be a pretty easy fix.
from cella.
9643bcb887 Fixed the weird behavior I was noticing. It was extremely simple, but eluded me for a long time. Noticed that because queries are served every time a change is called on the base select element, one was being fired for each building which was added when selecting a campus area. I added a new global variable to keep track of when a group was selected, and the filterChanged function only looks for rooms if a group select is not in process, which means I trigger a change event at the end of a group select. Acceptable?
from cella.
(0575684) Ah, nice find. Yeah, the global variable is totally acceptable. It's the simplest and probably the best solution.
It tests well on my end, so if you're happy with it, feel free to pull request.
from cella.
Related Issues (20)
- Broken back button behavior
- Clarify sharing option when there are no starred rooms
- Tone down "move" cursor over starred rooms
- Past result popovers sometimes don't open
- Placeholder when all items in list unavailable, hidden
- Availability not retrieved for rooms that only appear in star tab
- Availability preference doesn't fully reset
- Incorrect Room Information HOT 2
- Incorrect Room Information HOT 2
- More Incorrect Room Information HOT 1
- Room changes not propagated when results cached
- Floorplan label on rooms with no floorplans HOT 1
- Sort not updated after live update
- Pre-fill occupancy in new tabs
- Hide rooms that are taken with other unavailable rooms
- Broken on node 0.8.x HOT 1
- Add floorplan for 315 Thayer HOT 1
- Include 2012 data HOT 1
- Support 2013 housing changes HOT 1
- Add 2013 rooms
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 cella.