Code Monkey home page Code Monkey logo

Comments (6)

CraigBryan avatar CraigBryan commented on June 26, 2024

Yeah, I agree with you, the nav bar isn't looking so hot any more. The even-width nav headers is a hold-over from when there was a lot less in the header. There used to be a lot more white space between the individual links in the nav bar and it looked good. Then we added a bunch of social media and some more links to parts of the website and it's become pretty crowded.

We have been meaning to update the nav bar to something that works and looks nicer. PR's are always appreciated if you have a good idea how we can fix this.

from uottawasesa.

mtuck063 avatar mtuck063 commented on June 26, 2024

It's foundation that sets the width for the tabs, it give you a format similar to a table where all the widths in the columns are the same.

Here is a screenshot of what you are suggesting, if people like/prefer it I'll push my code to the repo.

screen shot 2015-03-23 at 10 01 14 am

from uottawasesa.

CraigBryan avatar CraigBryan commented on June 26, 2024

Tucker, make a PR and I'll test it at various resolutions to make sure it looks good for all.

from uottawasesa.

mtuck063 avatar mtuck063 commented on June 26, 2024

Alright

from uottawasesa.

vpetkar avatar vpetkar commented on June 26, 2024

@mtuck063 looks great to me.

I'd also consider finding uniform icons for Twitter/Facebook/Instagram/Mail. It helps build a consistent design language but maybe I should open another issue for that.

from uottawasesa.

CraigBryan avatar CraigBryan commented on June 26, 2024

Define what you mean by "uniform icons" in this case.

from uottawasesa.

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.