bug 544898 - resize window due to softkb popping up results in an usable add-ons manager r=mfinkle

This commit is contained in:
Brad Lassey 2010-02-09 22:15:06 -05:00
parent 50bd8679b1
commit 1d668295b5
5 changed files with 21 additions and 20 deletions

View File

@ -619,9 +619,6 @@ var BrowserUI = {
showPanel: function showPanel(aPage) {
Elements.panelUI.left = 0;
Elements.panelUI.hidden = false;
Elements.panelUI.width = window.innerWidth;
Elements.panelUI.height = window.innerHeight;
Elements.contentShowing.setAttribute("disabled", "true");
if (aPage != undefined)

View File

@ -415,6 +415,10 @@ var Browser = {
bv.onAfterVisibleMove();
bv.commitBatchOperation();
let curEl = document.activeElement;
if (curEl && curEl.scrollIntoView)
curEl.scrollIntoView();
}
window.addEventListener("resize", resizeHandler, false);

View File

@ -329,7 +329,7 @@
</hbox>
</vbox>
<box id="panel-container" class="panel-dark" style="-moz-stack-sizing: ignore" left="10000" hidden="true">
<box id="panel-container" class="panel-dark window-width window-height" style="-moz-stack-sizing: ignore" left="10000" hidden="true">
<box id="panel-controls" oncommand="BrowserUI.switchPane(event.target.getAttribute('linkedpanel'));">
<toolbarbutton id="tool-panel-close" class="page-button button-image" command="cmd_panel"/>
<toolbarbutton id="tool-addons" type="radio" group="1" class="panel-button button-image" linkedpanel="addons-container"/>

View File

@ -278,7 +278,7 @@ toolbarbutton.page-button {
}
/* browser tools panel UI ------------------------------------------------ */
@media (orientation: landscape) {
@media (min-width: 500px) {
#panel-container {
-moz-box-orient: horizontal;
}
@ -294,7 +294,7 @@ toolbarbutton.page-button {
}
}
@media (orientation: portrait) {
@media (max-width: 499px) {
#panel-container {
-moz-box-orient: vertical;
}
@ -359,14 +359,14 @@ toolbarbutton.page-button {
}
/* addons panel UI ------------------------------------------------------- */
@media (orientation: landscape) {
@media (min-width: 500px) {
#addons-repo {
-moz-box-orient: horizontal;
-moz-box-align: center;
}
}
@media (orientation: portrait) {
@media (max-width: 499px) {
#addons-repo {
-moz-box-orient: vertical;
-moz-box-pack: center;
@ -438,14 +438,14 @@ richlistitem[isDisabled="true"] image {
/* console panel UI ------------------------------------------------------ */
@media (orientation: landscape) {
@media (min-width: 500px) {
#console-filter-warnings,
#console-filter-messages {
visibility: visible;
}
}
@media (orientation: portrait) {
@media (max-width: 499px) {
#console-filter-warnings,
#console-filter-messages {
visibility: collapse;
@ -890,13 +890,13 @@ box[type="documenttab"]:only-child .documenttab-close {
}
/* alerts popup ----------------------------------------------------------- */
@media (orientation: landscape) {
@media (min-width: 500px) {
#alerts-container {
width: 300px;
}
}
@media (orientation: portrait) {
@media (max-width: 499px) {
#alerts-container {
width: 200px;
}

View File

@ -121,7 +121,7 @@ toolbarbutton.page-button {
}
/* browser tools panel UI ------------------------------------------------ */
@media (orientation: landscape) {
@media (min-width: 500px) {
#panel-container {
-moz-box-orient: horizontal;
}
@ -137,7 +137,7 @@ toolbarbutton.page-button {
}
}
@media (orientation: portrait) {
@media (max-width: 500px) {
#panel-container {
-moz-box-orient: vertical;
}
@ -166,14 +166,14 @@ toolbarbutton.page-button {
}
/* addons panel UI ------------------------------------------------------- */
@media (orientation: landscape) {
@media (min-width: 500px) {
#addons-repo {
-moz-box-orient: horizontal;
-moz-box-align: center;
}
}
@media (orientation: portrait) {
@media (max-width: 500px) {
#addons-repo {
-moz-box-orient: vertical;
-moz-box-pack: center;
@ -219,14 +219,14 @@ richlistitem[isDisabled="true"] image {
}
/* console panel UI ------------------------------------------------------ */
@media (orientation: landscape) {
@media (min-width: 500px) {
#console-filter-warnings,
#console-filter-messages {
visibility: visible;
}
}
@media (orientation: portrait) {
@media (max-width: 500px) {
#console-filter-warnings,
#console-filter-messages {
visibility: collapse;
@ -568,13 +568,13 @@ box[type="documenttab"]:only-child .documenttab-close {
/* alerts popup ----------------------------------------------------------- */
/* not dependent on high and low */
@media (orientation: landscape) {
@media (min-width: 500px) {
#alerts-container {
width: 300px;
}
}
@media (orientation: portrait) {
@media (max-width: 500px) {
#alerts-container {
width: 200px;
}