Automatically resize the zoom box width to fit the content
This commit is contained in:
parent
9af6e05456
commit
e08e326a67
@ -665,7 +665,6 @@ html[dir='rtl'] .dropdownToolbarButton {
|
||||
}
|
||||
|
||||
.dropdownToolbarButton {
|
||||
min-width: 120px;
|
||||
max-width: 120px;
|
||||
padding: 3px 2px 2px;
|
||||
overflow: hidden;
|
||||
|
@ -3080,6 +3080,16 @@ function selectScaleOption(value) {
|
||||
|
||||
window.addEventListener('localized', function localized(evt) {
|
||||
document.getElementsByTagName('html')[0].dir = mozL10n.getDirection();
|
||||
|
||||
// Adjust the width of the zoom box to fit the content.
|
||||
var container = document.getElementById('scaleSelectContainer');
|
||||
var select = document.getElementById('scaleSelect');
|
||||
|
||||
select.setAttribute('style', 'min-width: inherit;');
|
||||
var width = select.clientWidth + 8;
|
||||
container.setAttribute('style', 'min-width: ' + width + 'px; ' +
|
||||
'max-width: ' + width + 'px;');
|
||||
select.setAttribute('style', 'min-width: ' + (width + 20) + 'px;');
|
||||
}, true);
|
||||
|
||||
window.addEventListener('scalechange', function scalechange(evt) {
|
||||
|
Loading…
Reference in New Issue
Block a user