diff options
author | Angel Velásquez <angvp@archlinux.org> | 2017-06-22 10:43:01 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-06-22 10:43:01 -0400 |
commit | ae587a5a3999ceb741f6202a58f11b70d8cf2719 (patch) | |
tree | 574e961987dec4aa1a21b08e62cc2b1f73e820b5 | |
parent | fb9af2def6cda386f7058d33dbe8945bfabb955f (diff) | |
parent | fc4b2fba8958d39ce18682cdcdcb3df26cf48fb1 (diff) | |
download | archweb-ae587a5a3999ceb741f6202a58f11b70d8cf2719.tar.gz archweb-ae587a5a3999ceb741f6202a58f11b70d8cf2719.zip |
Merge pull request #38 from tyzoid/master
Change navbar css so that links wrap in header on narrow windows
-rw-r--r-- | sitestatic/archnavbar/archnavbar.css | 6 | ||||
-rw-r--r-- | sitestatic/archweb.css | 6 |
2 files changed, 6 insertions, 6 deletions
diff --git a/sitestatic/archnavbar/archnavbar.css b/sitestatic/archnavbar/archnavbar.css index d10c5f52..5a83dfd2 100644 --- a/sitestatic/archnavbar/archnavbar.css +++ b/sitestatic/archnavbar/archnavbar.css @@ -5,7 +5,7 @@ */ /* container for the entire bar */ -#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } +#archnavbar { min-height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } #archnavbarlogo { background: url('archlogo.png') no-repeat !important; } /* move the heading/paragraph text offscreen */ @@ -16,8 +16,8 @@ #archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; } /* display the list inline, float it to the right and style it */ -#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } -#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } +#archnavbar ul { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; text-align: right !important; } +#archnavbar ul li { display: inline-block !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 14px !important; padding: 14px 15px 0px !important; } /* style the links */ #archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } diff --git a/sitestatic/archweb.css b/sitestatic/archweb.css index b1ba0d2d..cb5bfd24 100644 --- a/sitestatic/archweb.css +++ b/sitestatic/archweb.css @@ -13,7 +13,7 @@ */ /* container for the entire bar */ -#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } +#archnavbar { min-height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } #archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url('archnavbar/archlogo.png') no-repeat !important; } @media (-webkit-min-device-pixel-ratio: 1.2), (min--moz-device-pixel-ratio: 1.2), (-o-min-device-pixel-ratio: 2/1) { #archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; background: url(archnavbar/archlogo.svg) no-repeat !important;background-size:100% !important; @@ -27,8 +27,8 @@ #archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; } /* display the list inline, float it to the right and style it */ -#archnavbarlist { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } -#archnavbarlist li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } +#archnavbarlist { display: block !important; list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0px !important; text-align: right !important; } +#archnavbarlist li { display: inline-block !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 14px !important; padding: 14px 15px 0px !important; } /* style the links */ #archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } |