Bug 1062204 - Make pictures scrollable. r=jryans
authorJennifer Fong <jen@ednapiranha.com>
Tue, 16 Sep 2014 16:01:00 -0400
changeset 206138 18ac09aeaf6cc09cbb866119de16312aaac9ec3a
parent 205950 26fede342996e0459ec99cb9b648fa256181fa42
child 206139 d1ae4274cf8bc078125616da4ad4b190989f6034
push id27514
push usercbook@mozilla.com
push dateFri, 19 Sep 2014 12:24:09 +0000
treeherdermozilla-central@3475e6a1665a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjryans
bugs1062204
milestone35.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1062204 - Make pictures scrollable. r=jryans
browser/devtools/projecteditor/lib/shells.js
browser/themes/shared/devtools/projecteditor/projecteditor.css
--- a/browser/devtools/projecteditor/lib/shells.js
+++ b/browser/devtools/projecteditor/lib/shells.js
@@ -28,16 +28,17 @@ var Shell = Class({
    * @param ProjectEditor host
    * @param Resource resource
    */
   initialize: function(host, resource) {
     this.host = host;
     this.doc = host.document;
     this.resource = resource;
     this.elt = this.doc.createElement("vbox");
+    this.elt.classList.add("view-project-detail");
     this.elt.shell = this;
 
     let constructor = this._editorTypeForResource();
 
     this.editor = constructor(this.host);
     this.editor.shell = this;
     this.editorAppended = this.editor.appended;
 
--- a/browser/themes/shared/devtools/projecteditor/projecteditor.css
+++ b/browser/themes/shared/devtools/projecteditor/projecteditor.css
@@ -2,16 +2,20 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
  :root {
   color: #18191a;
 }
 
+.view-project-detail {
+  overflow: auto;
+}
+
 .plugin-hidden {
   display: none;
 }
 
 .arrow {
   -moz-appearance: treetwisty;
   width: 20px;
   height: 20px;