couchdb-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Robert Kowalski (JIRA)" <>
Subject [jira] [Created] (COUCHDB-2471) Rewrite CSS for Header and Pane-Layout
Date Thu, 20 Nov 2014 16:35:35 GMT
Robert Kowalski created COUCHDB-2471:

             Summary: Rewrite CSS for Header and Pane-Layout
                 Key: COUCHDB-2471
             Project: CouchDB
          Issue Type: Bug
      Security Level: public (Regular issues)
          Components: Fauxton
            Reporter: Robert Kowalski

There are several issues with our current pane-layout and the header, their width is controlled
by resizeColumns.js:

 - We are often getting horizontal scrollbars which are quite hard to fix (
- as soon as we fix them the issues return almost immediately after fixing them:

 - Multipane Layouts and Header in Multipane Layouts are overlapping and this leads to interesting
bugs and workarounds. Examples are: 

  - Button not clickable (as it is overlapped by a not visible other header element of the

  - Buttons to far right or left

  - spending alot of time to position elements in the header which should basically just float
next to each other

  - not being able to use the regular container for the api-url button and instatiation as
we need a special solution for new kinds of layout

Sean prototyped some time ago Fauxton in Angular for a project. I added the code as it shows
how a pure CSS solution can work with multi-pane layouts which would solve all these problems
which slow down development and would also close the open issues. Additionally we would not
have to kind of hotfix so much code like we did in the past.

Bonus points for adding responsiveness! (we have bootstrap 2.3 included in Fauxton which has
some helpers for responsive grid layouts)

This message was sent by Atlassian JIRA

View raw message