Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Question: Button positioning in main folder list view #537

Closed
dataflake opened this issue Apr 7, 2019 · 2 comments

Comments

@dataflake
Copy link
Member

commented Apr 7, 2019

I'm dealing with many ZODB folders that have a large number of items in them. How hard would it be to make the buttons ("Rename", "Cut", "Copy", etc) always visible at the bottom of the page, no matter where you scroll to?

@dataflake dataflake added this to the 4.0 final milestone Apr 7, 2019

@dataflake dataflake added this to To do in Zope 4 final release via automation Apr 7, 2019

@dataflake dataflake self-assigned this Apr 7, 2019

@drfho

This comment has been minimized.

Copy link
Contributor

commented Apr 7, 2019

@dataflake
hi, we could work with fixed position like this
sticky_footer

CSS:

form[name="objectItems"] {
	margin-bottom:90px;
}
form[name="objectItems"] .form-group.zmi-controls {
    position: fixed;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    background: rgba(252, 252, 252, 0.50)
}

Maybe we should add a CSS-Class for the extra-large lists (>50 items) and show the fixed control-set only in this case:
<form name="objectItems" class="xl-list"...
So the CSS will be like

form[name="objectItems"].xl-list { ... }
form[name="objectItems"].xl-list .form-group.zmi-controls { ... }

With that additional class name we could evaluate the UX case and maybe find a more elegant solution?
Please try it, does it help?
Cheers
fh

@dataflake

This comment has been minimized.

Copy link
Member Author

commented Apr 7, 2019

@drfho thank you very much for the quick reply. I have implemented the second solution in #538 . This is exactly what I was thinking about.

The only thing I would change is how the part of the listing behaves that is covered by the button row. It should not shine through, the row should be fully opaque. Bonus points for a visible cue that the list continues behind those buttons, maybe a fade-out effect above the row of buttons.

Zope 4 final release automation moved this from To do to Done Apr 10, 2019

dataflake added a commit that referenced this issue Apr 10, 2019

Make it easier to get to the form buttons in large folders (#538)
fixes #537 

* - Always keep action buttons visible on the content list for large folders

* optmized visibility of zmi-controls to viewport height

* added media rule for small screens

* redesigned Ordered-Folder controls; monotonized obj-select behavior

* - fix linting
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
2 participants
You can’t perform that action at this time.