Unified Diff: static/css/styles.css
Issue 29354725:
Issue 4461 - update Eyeo logo (Closed)
Patch Set: Fixed logo size and alignment on mobile
Created Sept. 27, 2016, 1:54 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/images/logo.png » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/css/styles.css |
| =================================================================== |
| --- a/static/css/styles.css |
| +++ b/static/css/styles.css |
| @@ -115,34 +115,36 @@ |
| { |
| position: relative; |
| padding: 15px 10px; |
| min-height: 32px; |
| } |
| #header.top .content-block |
| { |
| - padding: 25px 10px; |
| + padding: 20px 10px; |
| } |
| #logo |
| { |
| position: absolute; |
| - top: 7px; |
| left: 10px; |
| + top: 50%; |
| + margin-top: -20px; |
| + height: 40px; |
| } |
| -#header.top #logo |
| +#logo img |
| { |
| - top: 17px; |
| + height: 100%; |
| } |
| #header .menu-button |
| { |
| - margin: 0px 0px 0px 25px; |
| + margin: 0px 0px 0px 20px; |
| } |
| #menu |
| { |
| display: inline; |
| vertical-align: middle; |
| } |
| @@ -168,17 +170,17 @@ |
| display: inline; |
| font-weight: bold; |
| white-space: nowrap; |
| } |
| .menu-list li a |
| { |
| color: #979797; |
| - padding: 0 10px; |
| + padding: 0 8px; |
| } |
| .menu-list li:hover > a, |
| .menu-list li.current-menu-item > a |
| { |
| color: #373737; |
| } |
| @@ -813,24 +815,20 @@ |
| } |
| #header .content-block, |
| #header.top .content-block |
| { |
| padding: 9px 10px; |
| } |
| - #header.top #logo |
| + #logo |
| { |
| - top: 7px; |
| - } |
| - |
| - #logo > img |
| - { |
| - height: 34px; |
| + height: 30px; |
|
saroyanm
2016/09/27 14:01:56
This change causes the logo to be overlaped by but
saroyanm
2016/09/27 14:04:32
height: 22px;
margin-top: -11px;
Should fix the i
|
| + margin-top: -15px; |
| } |
| #menu |
| { |
| display: none; |
| } |
| #menu.open |
« no previous file with comments
|
« no previous file
|
static/images/logo.png » ('j')
|
no next file with comments »
