Content-Length: 346572 | pFad | https://github.com/internetarchive/openlibrary/pull/8878

DB Implementation of New MyList Design by benbdeitch · Pull Request #8878 · internetarchive/openlibrary · GitHub
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

Implementation of New MyList Design #8878

Merged

Conversation

benbdeitch
Copy link
Collaborator

Closes #7704 (resubmission of #8725

This pull request refactors code from #7743, and adds a new section of mybooks where a user's first three lists are graphically previewed. The list object in openlibrary/core was given a new method that caches a small dictionary with memcached for up to ten minutes, containing a dict with near-minimal data for each list.

Technical

imply create a list, and navigate to your 'My Books' page. Importantly, there are some situations in which covers will not load; certain methods of adding a book to one's list add a Work, rather than an Edition. Works seem to rarely have associated covers, so will rarely display correctly. I was advised that solving that is outside of the scope of this Pull Request, so I'll merely be documenting my currently known methods.

Currently known ways that add a work;

The edit UI of the list.
The Solr Book Search
Currently known ways that add an edition:
-navigating to an edition page, and manually adding the book via the 'want to read' dropdown.

Testing

Create a list, add a few books, and then head to your MyLists page.

Screenshot

image

Stakeholders

@mekarpeles

@mekarpeles mekarpeles self-assigned this Mar 11, 2024
@mekarpeles mekarpeles added the Priority: 2 Important, as time permits. [managed] label Mar 18, 2024
@mekarpeles mekarpeles added the Needs: Submitter Input Waiting on input from the creator of the issue/pr [managed] label May 28, 2024
@mekarpeles
Copy link
Member

mekarpeles commented May 28, 2024

Overflows when > 4 lists
Screenshot 2024-05-28 at 11 19 03 AM

I think in the .carousel-section section for lists, we may want to add a rule for my-lists of overflow-x: clip; which should help fix the problem:

Screenshot 2024-05-28 at 11 38 10 AM

On the my-lists showcase you can also add the following to ~fade out the last card:

-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) calc(100% - 100px), rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) calc(100% - 100px), rgba(0,0,0,0) 100%);
Screenshot 2024-05-28 at 12 56 10 PM

@github-actions github-actions bot removed the Needs: Submitter Input Waiting on input from the creator of the issue/pr [managed] label May 29, 2024
@mekarpeles mekarpeles merged commit ceb273a into internetarchive:master May 29, 2024
5 checks passed
@jimchamp
Copy link
Collaborator

jimchamp commented Jun 3, 2024

The class my-lists is already in use by the "My Books" droppers. The changes here have affected the way these droppers render in search results and author pages:

image

Edit: Tracked by #9385

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Priority: 2 Important, as time permits. [managed]
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement new design for the "my lists" section of the my books page
3 participants








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: https://github.com/internetarchive/openlibrary/pull/8878

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy