[
https://issues.apache.org/jira/browse/COUCHDB-2471?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14227713#comment-14227713
]
ASF GitHub Bot commented on COUCHDB-2471:
-----------------------------------------
GitHub user robertkowalski opened a pull request:
https://github.com/apache/couchdb-fauxton/pull/173
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
You can merge this pull request into a Git repository by running:
$ git pull https://github.com/robertkowalski/couchdb-fauxton
COUCHDB-2471-footer
Alternatively you can review and apply these changes as the patch at:
https://github.com/apache/couchdb-fauxton/pull/173.patch
To close this pull request, make a commit to your master/trunk branch
with (at least) the following in the commit message:
This closes #173
----
commit a40d493f990eec87a307ec3985eecc73dfd6ef92
Author: Robert Kowalski <[email protected]>
Date: 2014-11-27T14:30:26Z
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)
