Details

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

        Activity

        There are no comments yet on this issue.

          People

          • Assignee:
            Inaki Juaniz-Velilla
            Reporter:
            Inaki Juaniz-Velilla
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: