openlibrary icon indicating copy to clipboard operation
openlibrary copied to clipboard

LearnAwesome.org ID isn't clearly visible

Open bicolino34 opened this issue 2 years ago • 4 comments

Evidence / Screenshot (if possible)

зображення

Relevant url?

https://openlibrary.org/books/OL32336498M/Atomic_Habits

Steps to Reproduce

  1. Go to ...
  2. Do ...
  • Actual:
  • Expected:

Details

  • Logged in (Y/N)?
  • Browser type/version? Firefox 103 (64-bit)
  • Operating system? Windows 8.1
  • Environment (prod/dev/local)? prod

Proposal & Constraints

Related files

Stakeholders

bicolino34 avatar Jul 19 '22 11:07 bicolino34

I want to try, can I work on this issue?

DaaSH23 avatar Jul 28 '22 21:07 DaaSH23

@DaaSH23 you can work on this issue, but let's get some more details about the problem first.

@bicolino34 I'm not able to reproduce this on my machine: Screenshot from 2022-07-30 06-39-44

I checked with Firefox and Chrome in both mobile and desktop view. What browser are you using, @bicolino34?

jimchamp avatar Jul 30 '22 10:07 jimchamp

I use Firefox 103 (64-bit). OS is Windows 8.1. May it be because of screen size, possibly? I also checked on mobile and it seems alright

bicolino34 avatar Jul 30 '22 11:07 bicolino34

Thanks @bicolino34! It looks like the width of the first column is less than the length of the "LearnAwesome.org": dl_dt_width

@DaaSH23 the left column are dt elements, which have a width of 120px. Can you increase that to 130px and see how that looks? You'll have to change this file: https://github.com/internetarchive/openlibrary/blob/master/static/css/base/dl.less

jimchamp avatar Aug 02 '22 00:08 jimchamp

I am not able to reproduce the issue, have tried in firefox (along with edge and chrome) in the minimum width window. It seems to be fine. image

BoseSj avatar Sep 03 '22 10:09 BoseSj