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

record list item: improve mobile view #1771

Closed
jennur opened this issue Jun 30, 2022 · 0 comments · Fixed by #1778
Closed

record list item: improve mobile view #1771

jennur opened this issue Jun 30, 2022 · 0 comments · Fixed by #1778
Labels
ux Styling/UX issue

Comments

@jennur
Copy link
Member

jennur commented Jun 30, 2022

The mobile view for the record list items needs some improvements and alignment with the layout for request-list items.

Current

Screenshot 2022-06-30 at 16 20 07

On mobile/tablet:

  • Icon should be next to header

On mobile:

  • Buttons should be moved to bottom

Mockups

Screenshot 2022-06-30 at 14 18 25

Screenshot 2022-06-30 at 14 16 35

@jennur jennur added the ux Styling/UX issue label Jun 30, 2022
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 4, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 4, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 4, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
@Pineirin Pineirin removed their assignment Jul 4, 2022
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 5, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 5, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
@Pineirin Pineirin removed their assignment Jul 5, 2022
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 5, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 7, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 7, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 7, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 7, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 7, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
@Pineirin Pineirin self-assigned this Jul 8, 2022
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 8, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 8, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 8, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 8, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
@Pineirin Pineirin removed their assignment Jul 8, 2022
@kpsherva kpsherva moved this to 👀 In review in InvenioRDM v10 - Back-office Jul 11, 2022
@kpsherva kpsherva moved this from 👀 Pending review to 🏗 In progress in InvenioRDM v10 - Back-office Jul 25, 2022
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 25, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 25, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 26, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 26, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
Pineirin added a commit to Pineirin/invenio-app-rdm that referenced this issue Jul 26, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
@Pineirin Pineirin moved this from 🏗 In progress to 👀 Pending review in InvenioRDM v10 - Back-office Jul 26, 2022
@kpsherva kpsherva moved this from 👀 Pending review to 👌 Reviever approved in InvenioRDM v10 - Back-office Jul 28, 2022
kpsherva pushed a commit that referenced this issue Jul 29, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: #1771
@kpsherva kpsherva moved this from 👌 Reviever approved to ✅ Done in InvenioRDM v10 - Back-office Jul 29, 2022
mtorrisi added a commit to ingv-oe-dev/invenio-app-rdm that referenced this issue Aug 8, 2022
* theme: add alias for child instance theming

Signed-off-by: Karolina Przerwa <[email protected]>

* release: v9.0.1

Signed-off-by: Karolina Przerwa <[email protected]>

* i18n: extract messages

* Logo: avoid logo image overflowing.

* upgrade: add migration script from v8 to v9

* release: v9.0.2

* css: fix checkbox and avatar alignment

* closes inveniosoftware/invenio-communities#690

* i18n: adds de translations

* frontpage: update customize link

* dashboard requests: correct searchbar behaviour

now correctly holds the filter state while switching between open/closed and also when doing an empty search

* members dropdown: change styling

members dropdowns are now styled to resemble the RFC mockups

* Invitations: fix tablet view

* fix mobile view.
* add status icon.
* add extra space for user full name.
* closes: inveniosoftware#1595

* Customize record landing page and home page.

## Record landing page.
 - Add record cover picture preview in side bar
 - Minor addition

## Integrate TU Graz recent uploads
 - Edit `view.py` to load and show recent uploads 
 - Add `search.py` to query ES for recent uploads.

* migrate to use black as opinionated auto formater

* add .git-blame-ignore-revs

* fix docs compatibilty problem with Sphinx>=5.0.0

* move check_manifest configuration to setup.cfg.

concentrate the configuration of all calls in one place

* increase minimal python version to 3.7

* minor: remove setuptools<=58 constraint. not necessary anymore

* global: Fixes strings marked for translation.

* Adds dots at the end of sentences.
* Refs inveniosoftware#1707

* Note: components.js will need some more fixes later.

* release: v9.0.3

Signed-off-by: Karolina Przerwa <[email protected]>

* Add Keywords support in record landing-page

* dashboard: add request actions

* closes inveniosoftware#1215

* repair .git-blame-ignore-revs, caused by merging problems

* facets: reduce negative space and align facets with results header

* Load correct metadata to contributor pop-up

In the deposit form, the contributor pop up dialogue was being erroneously populated with *creator* metadata. This caused the wrong roles to show where different contributor roles have been defined.

* css: resize logo to fit content

* closes inveniosoftware#1632

* landing page: remove excessive spacing from files table

* mobile menu: add space to close button

* burger menu: combine mobile and tablet visibility class

* requests: don't override global request in Jinja templates

* extras_require: remove elasticsearch6

* release: v9.0.4

* card: access field custom styling

* closes inveniosoftware/react-invenio-deposit#519

Signed-off-by: Karolina Przerwa <[email protected]>

* communities logo: set fixed height to avoid breaking the layout

* landing page: prevent iframe in preview to overflow

* Add remote TimeSeries resource support to LandingPage using Plotly-React.

* Remove custom keywords, now use sujbects.

* Configured LeafletMap and Plotly component to use record's metadata.

* landing page: update funders list styling & fix tab a11y bug

* site overrides: update only classes to include both block and inline-block

* community header: fix alignment

* searchapp: update response handler

* closes inveniosoftware/invenio-communities#704
* remove hardcoded translations

* global: Fixes strings marked for translation.

- Introduces consistency
  - use plural instead of '(s)'

Refs: inveniosoftware#1707

* header: add right margin to search bar

* feed: fix responsive bugs for avatars

* release: v9.0.5

* upload: fixed files list styling on mobile

* members: reserves space for success/error icon

* members: fixed alignment for icons

* creatibutors: add spacing between icon and separator

* A11y: Inbox icon aria label; avatar image alt tag 




Label for icon: "Requests" is more consistent

* tables: make responsive styling apply to all stackable tables

* Requests: re-design requests list view

* refactor request actions.
* add request actions to invenio-communites.
* closes: inveniosoftware/invenio-communities#702

* Communities dashboard: re-design the view of the dashboard communities

* closes: inveniosoftware/invenio-communities#701

* communities: added restricted label to community header and list.

* dependencies: oauth2server, oauthclient, userprofiles, search-ui, and rdm-records

* release: v9.0.6

* message overrides: update id-reference in css

* eslint: add eslint rules to js files

* eslint: format code

* detail: add image onerror inline js to script

* Landing page: Add simple IIIF image preview

* Enable as default previewer for images

Also adjusted IIIF_SIMPLE_PREVIEWER_SIZE to !800,800 which will prevent smaller images being stretched.

* UI Filters: add has_images filter

Depends on inveniosoftware#1709

* searchbar: add multiple search options

* closes inveniosoftware#1701

* searchbar: add community option

* define urls by flask resolver

* searchbar: delete macro

* global: generalize color classes and variables

* header: reorganise blocks

* release: v9.1.0

* config: disable pdf preview for iiif

* release: v9.1.1

* landing page: fix image placeholder bug

* release: v9.1.2

* bump invenio-assets

* Fix deleted serialize method.

* setup: upper pin werkzeug

* Revert "setup: upper pin werkzeug"

This reverts commit f57b98d.
Upper pin was moved to invenio-base

* add js/invenio_app_rdm alias

* deposit form: add fieldPath prop to field components

Now explicitly adds the fieldPath prop to field components to move away from relying on defaultProps values.
related to inveniosoftware/react-invenio-deposit#551

* Dashboard: fix mobile pagination

* Dashboard uploads: refactor uploads view

* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771

* dashboard uploads: change buttons to dropdown on mobile

Co-authored-by: Karolina Przerwa <[email protected]>
Co-authored-by: Mojib Wali <[email protected]>
Co-authored-by: pablo <[email protected]>
Co-authored-by: Manuel Alejandro <[email protected]>
Co-authored-by: Alex Ioannidis <[email protected]>
Co-authored-by: jrcastro2 <[email protected]>
Co-authored-by: Guillaume Viger <[email protected]>
Co-authored-by: nico <[email protected]>
Co-authored-by: Christoph Ladurner <[email protected]>
Co-authored-by: Zeller, Christina <[email protected]>
Co-authored-by: Dan Granville <[email protected]>
Co-authored-by: Jenny Bonsak <[email protected]>
Co-authored-by: fpistagna <[email protected]>
Co-authored-by: L. Henze <[email protected]>
Co-authored-by: Pablo Panero <[email protected]>
Co-authored-by: Dan Granville <[email protected]>
Co-authored-by: Nicola Tarocco <[email protected]>
Co-authored-by: Zacharias Zacharodimos <[email protected]>
zzacharo pushed a commit to zzacharo/invenio-app-rdm that referenced this issue Aug 9, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: inveniosoftware#1771
zzacharo pushed a commit that referenced this issue Aug 9, 2022
* remove empty content.
* create a custom mobile interface.
* fix request_items naming.
* closes: #1771
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ux Styling/UX issue
Projects
No open projects
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants