Git Product home page Git Product logo

Comments (3)

tobeycodes avatar tobeycodes commented on July 18, 2024

Now I made it so the site-title isn't forced to take up the entire header. We should strip back the navigation too. We could then more easily move the navigation from below the header region to inside it.

39e0b54

from primer.

tobeycodes avatar tobeycodes commented on July 18, 2024

I've just pushed up a rewrite of the navigation (596859f)

  1. The menu-toggle can now be outside of the site-navigation container
  2. Show grand children on mobile with additional padding (hidden before)
  3. Only mobile first with a breakpoint at 600px (as before)
  4. The menu is no longer forced to take up the entire container, so easy to use multiple menus

If we want to introduce clickable dropdowns for children on mobile we will need to add a <span> in each element with the arrow since you before/after is not part of the DOM.

Pretty happy about this part, it was bugging me before how hard the SCSS was to change.

@fjarrett @chriswallace please review

from primer.

fjarrett avatar fjarrett commented on July 18, 2024

I'm happy with this.

from primer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.