Uploaded image for project: 'Red Hat Developer Website'
  1. Red Hat Developer Website
  2. DEVELOPER-3456

Update sub navigation styles for desktop and mobile

This issue belongs to an archived project. You can view it, but you can't modify it. Learn more

    XMLWordPrintable

Details

    • 3
    • Important
    • IMPL: 2016-10-31

    Description

      In an effort to have better styling consistency between the various RH properties and reduce some confusion with our usage of arrows, we need to update our sub navigation styles.

      Normal state
      1) Remove ALL arrows
      2) Remove uppercase
      3) Make base color text #656565
      4) Text Flush left
      5) Add a bottom rule for visual separator: 1px solid #BDBDBD;

      Active State:
      1) Text color: black
      2) Add a bottom rule for visual separator: 2px solid #CC0000;

      For mobile:

      1) Do all of the changes for the desktop
      2) hanging the menu button color to background color to #424242

      @media only screen and (max-width: 768px)
      .side-nav li.side-nav-toggle {
      background: #424242;

      tnolan@redhat.com - For tracking.

      Definition of Done

      1. Requester has approved implementation.

      Attachments

        1. desktophoverissue.png
          7 kB
          James Cobb
        2. whatitshouldlooklike.png
          9 kB
          James Cobb

        Activity

          People

            aarreola@redhat.com Adela Arreola
            jcobb@redhat.com James Cobb
            Archiver:
            rhn-support-ceverson Clark Everson

            Dates

              Created:
              Updated:
              Resolved:
              Archived:

              PagerDuty