Details
-
Story
-
Resolution: Unresolved
-
High
-
v2.0-PlatformAdminUIBundle-prototype
Description
Styling improvements for Sub-items switcher (.c-grid-switcher)
Notice: please disregard selector .html if typography improvements (EZP-27999) have been implemented.
Notice 2: Please modify behavior for .c-grid-switcher__option--active allowing it to slide up from one side to another (please see a reference for this with this pen -> https://codepen.io/eZ_UI/pen/GERRqB)
Suggested changes:
html { font-size: 0.875rem; } .c-grid-switcher { margin: 3px 22px 2px 0; height: 44px; } .c-grid-switcher__option { height: 40px; transition: all .25s ease-in; color: #0E77A3; } .c-grid-switcher__option--active { height: 38px; background: #0E77A3; } .c-grid-switcher__option--active .c-icon { height: 2rem; width: 2rem; margin-top: 0px; padding-top: 0px; } .c-grid-switcher__option .c-icon { height: 1.9rem; width: 1.9rem; margin: 4px 0 0px -1px; padding-top: 4px; }