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;
}