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 {
|
.dropdownToolbarButton {
|
||||||
min-width: 120px;
|
|
||||||
max-width: 120px;
|
max-width: 120px;
|
||||||
padding: 3px 2px 2px;
|
padding: 3px 2px 2px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -3080,6 +3080,16 @@ function selectScaleOption(value) {
|
|||||||
|
|
||||||
window.addEventListener('localized', function localized(evt) {
|
window.addEventListener('localized', function localized(evt) {
|
||||||
document.getElementsByTagName('html')[0].dir = mozL10n.getDirection();
|
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);
|
}, true);
|
||||||
|
|
||||||
window.addEventListener('scalechange', function scalechange(evt) {
|
window.addEventListener('scalechange', function scalechange(evt) {
|
||||||
|
Loading…
Reference in New Issue
Block a user