Two icons for DropDownButtons

[nedy13]

I think this issue is related to this change: Implement Photon design for the viewer #11077

Configuration:

• Web browser and its version: Firefox 91.0.2
• Operating system and its version: Win10
• PDF.js version: included in Firefox 91.0.2
• Is a browser extension: no

Steps to reproduce the problem:

1. Open Browser's developer console
2. change width of .dropdownToolbarButton to e.g. 250px in developer console

I think only one icon is the expected one.

[Snuffleupagus]

Open Browser's developer console
change width of .dropdownToolbarButton to e.g. 250px in developer console

Can you reproduce this issue in any other way than by manually changing the width using the devtools?
Please keep in mind that what you're describing above is neither an intended nor supported use-case.

[nedy13]

No, there is no other way to reproduce.

I only observed this, because I upgraded the PDFjs version in our own 3rd party integration and we created some different theme. I only wondered that there is a second icon. I know this is a minor / low issue, but I only want to log this as bug, because this is not expected / wanted.

[Snuffleupagus]

No, there is no other way to reproduce.

In that case, this issue is basically INVALID.

I only observed this, because I upgraded the PDFjs version in our own 3rd party integration and we created some different theme.

Ah, so your question is actually about customizing the default viewer. (Please note that that's the kind of information that's always helpful to state clearly upfront :-)

If you want to customize the width of the zoom-dropdown, you'll need to edit the following values:

• pdf.js/web/viewer.css

  Line 890 in d95f680

  width: 140px;

• pdf.js/web/viewer.css

  Line 911 in d95f680

  width: 162px;

• pdf.js/web/toolbar.js

  Lines 27 to 28 in d95f680

  	const SCALE_SELECT_CONTAINER_WIDTH = 140; // px
  	const SCALE_SELECT_WIDTH = 162; // px

I only wondered that there is a second icon.

Because we want to re-use the native select element for overall simplicity, but provide the same icon regardless of browser and OS, hence we set the widths such that the browser icon becomes hidden (which your manual changes thus broke).