UI/UX design that defines an affordance and interaction for operations that occur between center column and functions panel

[tjmahlin]

• [ ] need to reposition the vertical scrollbar due to the rearrangement of the page elements
• [ ] modify scrollbar location of center column - this will probably require a custom scrollbar plugin

[josiahseaman]

Consider using select.active since that class is already being managed in javascript.

[tjmahlin]

select.active is too generic. There will need to be unique styling rules that apply to center-column selects only. However, I think we can probably utilize an id on the container to achieve the required specificity. I will start with that approach.

[tjmahlin]

This is up and running (on the ui_design branch) on all events where a center column select is linked to the data in the functions panel (commit 32b32a509520ba93b04a705ce53970ab7eaafea6). Two things remain to be done to finish this issue:

• [ ] the ".active" class needs to be added to multi-select production-type containers when they are focused on the Vaccination Triggers page
• [ ] the linking graphics between the center and right columns should be hidden if the user opens a panel other than than the panel to which the "active" item is linked. For example, if the user is assigning a pdf to the "Latent Period Disease Progression" and she wants to check check something in the production panel real quick, toggling open production panel should hide the linking graphic. toggling back to the functions panel should reveal the graphic.

@josiahseaman I think I have done what I am capable of here and these last two items fall into your area of expertise.