couchdb-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "ASF subversion and git services (JIRA)" <>
Subject [jira] [Commented] (COUCHDB-2471) Rewrite CSS for Header and Pane-Layout
Date Tue, 16 Dec 2014 19:43:15 GMT


ASF subversion and git services commented on COUCHDB-2471:

Commit c328feb256f50e1fb021c994d9aaf073a1f0d87a in couchdb-fauxton's branch refs/heads/master
from [~robertkowalski]
[;h=c328feb ]

Refactor CSS for pane layout

 - remove JS hack to have fixed elements on a certain size,
   elements now use position absolute/relative and floating

 - header, breadcrumbs and panes do not overlap anymore, which
   lead to alot of bugs like visible but not clickable buttons
   and problems when trying to add new elements to the header

 - header is now aligned with navigantion/burger-height
   (both 64px)

 - componentize footer for all_dbs page

Parts of this branch are based on a prototype from Sean Barclay
Sean Barclay <> (@seanbarclay)

Closes: COUCHDB-2320 COUCHDB-2271 COUCHDB-2471 COUCHDB-2482

> Rewrite CSS for Header and Pane-Layout
> --------------------------------------
>                 Key: COUCHDB-2471
>                 URL:
>             Project: CouchDB
>          Issue Type: Bug
>      Security Level: public(Regular issues) 
>          Components: Fauxton
>            Reporter: Robert Kowalski
>            Assignee: Robert Kowalski
>         Attachments:
> 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: 
>   1. Button not clickable (as it is overlapped by a not visible other header element
of the panes)
>   2. Buttons to far right or left
>   3. spending alot of time to position elements in the header which should basically
just float next to each other
>   4. 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