[
https://issues.apache.org/jira/browse/COUCHDB-2471?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14248777#comment-14248777
]
ASF subversion and git services commented on COUCHDB-2471:
----------------------------------------------------------
Commit c328feb256f50e1fb021c994d9aaf073a1f0d87a in couchdb-fauxton's branch
refs/heads/master from [~robertkowalski]
[ https://git-wip-us.apache.org/repos/asf?p=couchdb-fauxton.git;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 <[email protected]> (@seanbarclay)
Closes: COUCHDB-2320 COUCHDB-2271 COUCHDB-2471 COUCHDB-2482
> Rewrite CSS for Header and Pane-Layout
> --------------------------------------
>
> Key: COUCHDB-2471
> URL: https://issues.apache.org/jira/browse/COUCHDB-2471
> Project: CouchDB
> Issue Type: Bug
> Security Level: public(Regular issues)
> Components: Fauxton
> Reporter: Robert Kowalski
> Assignee: Robert Kowalski
> Attachments: cloudant_dashboard_functional_prototype.zip
>
>
> 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
> (https://issues.apache.org/jira/browse/COUCHDB-2234) - as soon as we fix them
> the issues return almost immediately after fixing them:
> https://issues.apache.org/jira/browse/COUCHDB-2320
> - 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
(v6.3.4#6332)
