Extended Sidebar is intended to be used on Program pages and added via a columns layout. There will be a Program Pattern created, which will have this layout and associated program blocks added to it as a starting point for content entry.
User can add toggle buttons or links. Either type can have an associated icon placed either to the left or right of the text (this icon functionality is being used in multiple places and is kept consistent). If the toggle type is chosen, the user has the ability to add paragraph text, core embed block, core html block, student type custom block, or program location custom block (we have the ability to add more blocks if needed – lists?). Individual button/link can also have a choice of four different colors: primary red, primary blue, white or gray-400. (dev note – may want to remove the text color since we have set color schemes)
Dev notes:
This block is using two custom built blocks: Student Type and Program Location. These two blocks each have a respective data.json file in the code. This file is used to handle the options to be used for these two blocks. They were built using current data. If either student types or program locations have any changes, the json file needs to be adjusted accordingly.
SU questions:
- what’s the reasoning for the color changes on different screen sizes? It would be a lot easier if they remained consistent – especially as these are set in WP system and have a lot of corresponding color css functionality that we’d need to override.
- the toggle content links, let’s discuss colors. it’s currently built as to how the color schemes are setup (we’ve defined background, text, links colors: primary blue bg, white text, white links). if we do need to stay consistent with the current design, we will probably need to make some additional changes to the block
- Should there be an option for the negative margin to pull the sidebar into the header or is this always true on larger screens?
