948274 - The top half of every page is gorp

Status: RESOLVED WORKSFORME

(developer.mozilla.org Graveyard :: Design, defect)

Description

[Daniel Brooks [:db48x]]

Attachment: gorp.png

This puts the title of the page in the middle of the screen. Then there's some more gorp before getting to the stuff I came to read which starts three-quarters of the way down.

There's just far too much space between elements of the page, and too many things stacked up vertically.

Comment 1

[Daniel Brooks [:db48x]]

Attachment: removing the gorp is easy

@-moz-document domain(developer.mozilla.org) {
  .redesign-beta-notice { display: none !important; }
  header { border-top: none !important; }
  #tabzilla { display: none !important; }
  .header-login { float: right !important;
                  margin-top: 17px !important;
                  margin-left: 11px !important;
                  margin-right: -18px !important; }
  .user-state { position: static !important; }
  #main-nav ul { margin: 13px 0 13px 20px !important; }
  #main-nav li { display: none !important; }
  #main-nav li.main-nav-search { display: inline-block !important; }
  #content > .center { padding-top: 4px !important; }
  .crumbs { margin-bottom: 0 !important; }
  h1 { margin-bottom: 0 !important; }
  .offline-notice { position: absolute !important;
                    right: 0 !important; }
  #toc { margin: 0 !important; padding: 15px !important; }
  #toc > .title { display: none !important; }
  #toc > .toggle-container { display: block !important; }
  #wiki-right { float: right !important;
                margin-left: 20px !important; }
  .standardNote, .notice { display: flex !important; }
  .jsMinVerHeader { clear: right !important;
                    float: right !important; }
  p:empty { display: none !important; }
  #wiki-content { padding-bottom: 4px !important; }
  .wiki-block { padding-top: 0 !important; }
  footer { padding-top: 0 !important; }
}

Comment 2

[Daniel Brooks [:db48x]]

I tried to fix the size of the search box, but your javascript is dumb and gets in the way.

Comment 3

[Daniel Brooks [:db48x]]

Attachment: removing the gorp is easy

(fixed the screenshot, dunno how that happened)

Comment 4

[John Karahalis [:openjck]]

Please submit a pull request @ https://github.com/mozilla/kuma

Comment 5

[John Karahalis [:openjck]]

That said, a change like this would need to be approved by :mart3ll and/or :habber.

Comment 6

[Holly Habstritt Gaal [:Habber]]

Excess space is a common theme we are seeing in our feedback, so we'll be sure to address it. We will address all space related issues as a whole since addressing it in a single place will not take into account the template across all MDN pages. Thanks for the feedback and idea of how to fit it!

Comment 7

[David Walsh :davidwalsh]

We've removed 40px from the top of the site, and the rest of your changes (i.e. hiding the menu) isn't something we want to do at this time, but we will keep this ticket in mind for a next round of updates.