[
https://issues.apache.org/jira/browse/COUCHDB-2471?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14231399#comment-14231399
]
ASF subversion and git services commented on COUCHDB-2471:
----------------------------------------------------------
Commit dca437a546130b1233f5c65b87f888effb373ee5 in couchdb-fauxton's branch
refs/heads/master from [~robertkowalski]
[ https://git-wip-us.apache.org/repos/asf?p=couchdb-fauxton.git;h=dca437a ]
Componentize footer
Take the elements that were all baked into all-docs-list
and inject them into the all-docs-list. This enables us to have
a separate footer component in the layout which can be initialized
without the all-docs-list viewobject.
This enables us to remove the `position: fixed` from the footer
and use `position: absolute`. Without having the element
`position: fixed;` we do not need to calculate it's width via JS
and can apply a css based pane layout.
Part of: COUCHDB-2471
> 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)
