diff --git a/mobile/chrome/content/browser-ui.js b/mobile/chrome/content/browser-ui.js
index d74ffbcbe192..1191d05d02e8 100644
--- a/mobile/chrome/content/browser-ui.js
+++ b/mobile/chrome/content/browser-ui.js
@@ -309,15 +309,13 @@ var BrowserUI = {
var container = document.getElementById("browser-container");
// Make sure the UI elements are sized correctly since the window size can change
- sidebar.left = toolbar.width = container.boxObject.width;
- sidebar.height = tablist.height = container.boxObject.height - toolbar.boxObject.height;
+ sidebar.left = container.boxObject.width;
+ sidebar.height = tablist.height = container.boxObject.height;
if (aMode == PANELMODE_URLVIEW || aMode == PANELMODE_SIDEBAR ||
aMode == PANELMODE_TABLIST || aMode == PANELMODE_FULL)
{
toolbar.setAttribute("mode", "view");
- toolbar.top = 0;
-
this._edit.hidden = true;
this._edit.reallyClosePopup();
this._caption.hidden = false;
@@ -335,7 +333,6 @@ var BrowserUI = {
}
else if (aMode == PANELMODE_URLEDIT) {
toolbar.setAttribute("mode", "edit");
- toolbar.top = 0;
this._caption.hidden = true;
this._edit.hidden = false;
this._edit.focus();
@@ -346,7 +343,6 @@ var BrowserUI = {
tablist.left = -tablist.boxObject.width;
}
else if (aMode == PANELMODE_BOOKMARK) {
- toolbar.top = 0;
toolbar.setAttribute("mode", "view");
this._edit.hidden = true;
this._edit.reallyClosePopup();
@@ -360,7 +356,6 @@ var BrowserUI = {
bookmark.width = container.boxObject.width;
}
else if (aMode == PANELMODE_BOOKMARKLIST) {
- toolbar.top = 0;
toolbar.setAttribute("mode", "view");
this._edit.hidden = true;
this._edit.reallyClosePopup();
@@ -372,10 +367,9 @@ var BrowserUI = {
urllist.hidden = false;
urllist.width = container.boxObject.width;
- urllist.height = container.boxObject.height - toolbar.boxObject.height;
+ urllist.height = container.boxObject.height;
}
else if (aMode == PANELMODE_NONE) {
- toolbar.top = -toolbar.boxObject.height;
sidebar.left = toolbar.boxObject.width;
tablist.left = -tablist.boxObject.width;
@@ -472,24 +466,20 @@ var BrowserUI = {
case "error":
this._favicon.setAttribute("src", "chrome://browser/skin/images/default-favicon.png");
break;
- case "pan": {
- // Default to hide the controls when user pans
+ case "overpan": {
+ // Default to hide the controls when user overpans
let mode = PANELMODE_NONE;
- // Open the urlbar controls if browser is at top of content
- if (Browser.content.scrollY == 0)
- mode = PANELMODE_URLVIEW
+
+ // Open the sidebar controls if we get a right side overpan
+ if (aEvent.detail == 2 && this.mode == PANELMODE_NONE)
+ mode = PANELMODE_SIDEBAR;
+ // Close the sidebar controls if we get a left side overpan
+ else if (aEvent.detail == 1 && this.mode == PANELMODE_NONE)
+ mode = PANELMODE_TABLIST;
this.show(mode);
break;
}
- case "overpan":
- // Open the sidebar controls if we get a right side overpan
- if (aEvent.detail == 2)
- this.show(PANELMODE_SIDEBAR);
- // Close the sidebar controls if we get a left side overpan
- else if (aEvent.detail == 1)
- this.show(PANELMODE_TABLIST);
- break;
}
},
diff --git a/mobile/chrome/content/browser.xul b/mobile/chrome/content/browser.xul
index 504b6e5987f1..341a3eac7f30 100644
--- a/mobile/chrome/content/browser.xul
+++ b/mobile/chrome/content/browser.xul
@@ -176,6 +176,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -184,7 +215,7 @@
-
+
@@ -192,49 +223,18 @@
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
diff --git a/mobile/chrome/content/deckbrowser.xml b/mobile/chrome/content/deckbrowser.xml
index 5e1a4611b05a..7e6284dfa23e 100644
--- a/mobile/chrome/content/deckbrowser.xml
+++ b/mobile/chrome/content/deckbrowser.xml
@@ -722,19 +722,14 @@
diff --git a/mobile/chrome/skin/browser.css b/mobile/chrome/skin/browser.css
index c9895396ab46..247b6492fcb1 100644
--- a/mobile/chrome/skin/browser.css
+++ b/mobile/chrome/skin/browser.css
@@ -93,6 +93,7 @@ toolbarbutton[open="true"] {
background-repeat: repeat-x;
background-position: top left;
padding: 8px;
+ border: none;
}
toolbarbutton.urlbar-icon-button {