Add gear menu to /downloads and /external_storage.

chrome/browser/resources/file_manager/css/file_manager.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 html {
   height: 100%;
 }
 
 html.col-resize * {
   cursor: col-resize !important;
@@ skipping 607 matching lines @@
   height: 57px;
   overflow: hidden;
   padding-left: 57px;  /* Make space for the icon. */
 }
 
 .downloads-warning[hidden] {
   height: 0;
 }
 
 /* Drive space warning banner. */
-.drive-space-warning {
+.volume-space-warning {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-transition: height 70ms linear;
   background-image: url(chrome://resources/images/clouds.png);
   background-repeat: repeat-x;
   background-size: 150px 44px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   color: #333;
   display: -webkit-box;
   font-size: 13px;
   height: 44px;
   overflow: hidden;
   position: relative;
 }
 
-.drive-space-warning[hidden] {
+.volume-space-warning[hidden] {
   border-top-width: 0;
   height: 0;
 }
 
-.drive-space-warning .drive-icon {
+.volume-space-warning .drive-icon {
   background-image: -webkit-image-set(
     url('../images/files/ui/drive_logo.png') 1x,
     url('../images/files/ui/2x/drive_logo.png') 2x);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 25px 22px;
   height: 44px;
   width: 50px;
 }
 
-.drive-space-warning .drive-text {
+.volume-space-warning .drive-text {
   margin-right: 11px;
 }
 
 /* The cr.ui.Grid representing the detailed file list. */
 .thumbnail-grid {
   overflow-y: auto;
   width: 100%;
 }
 
 body[type='full-page'] .thumbnail-frame > .img-container {
@@ skipping 630 matching lines @@
    2. width % 8 == 0 (to minimize rounding errors in the centering code) */
 #drag-container .img-container {
   height: 64px;
   width: 64px;
 }
 
 menu.file-context-menu {
   z-index: 4;
 }
 
-menu.chrome-menu > hr {
+menu.chrome-menu {
+  min-width: 200px;
+}
+
+menu.chrome-menu hr {
   color: transparent;
   font-size: 0;
 }
 
 input.common.pin[type='checkbox']:checked::after {
   background-image: -webkit-image-set(
     url('../images/files/ui/pin.png') 1x,
     url('../images/files/ui/2x/pin.png') 2x);
   background-position: 4px 0;
 }
@@ skipping 30 matching lines @@
   color: #333;
   display: none;
   left: 0;
   padding-left: 50px;
   padding-top: 20px;
   position: absolute;
   right: 0;
   top: 0;
 }
 
-.dialog-container[drive='mounting'] #unmounted-panel,
-.dialog-container[drive='error'] #unmounted-panel,
-.dialog-container[unformatted] #format-panel {
+body[drive='mounting'] .dialog-container #unmounted-panel,
+body[drive='error'] .dialog-container #unmounted-panel,
+body[unformatted] .dialog-container #format-panel {
   display: block;
 }
 
-.dialog-container[drive='unmounted'] .filelist-panel,
-.dialog-container[drive='mounting'] .filelist-panel,
-.dialog-container[drive='error'] .filelist-panel,
-.dialog-container[unformatted] .filelist-panel {
+body[drive='unmounted'] .dialog-container .filelist-panel,
+body[drive='mounting'] .dialog-container .filelist-panel,
+body[drive='error'] .dialog-container .filelist-panel,
+body[unformatted] .dialog-container .filelist-panel {
   /* Hide file list when Drive is not mounted.
      Use opacity to avoid manual resizing.*/
   opacity: 0;
 }
 
 #unmounted-panel > *,
 #format-panel > * {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: start;
   display: none;
   height: 22px;
   margin-bottom: 10px;
 }
 
 #unmounted-panel > .loading {
   position: relative;
 }
 
 #unmounted-panel > .loading > .spinner-box {
   bottom: 0;
   position: absolute;
   right: 100%;
   top: 0;
   width: 40px;
 }
 
-[unformatted] #format-panel > .error,
-[drive='mounting'] #unmounted-panel > .loading,
-[drive='mounting'] #unmounted-panel > .progress,
-[drive='error'] #unmounted-panel > .error,
+body[unformatted] #format-panel > .error,
+body[drive='mounting'] #unmounted-panel > .loading,
+body[drive='mounting'] #unmounted-panel > .progress,
+body[drive='error'] #unmounted-panel > .error,
 #format-panel > #format-button,
 #unmounted-panel.retry-enabled > .retry,
 #unmounted-panel.retry-enabled > .learn-more {
   display: -webkit-box;
 }
 
 #unmounted-panel > .progress {
   color: #999;
   margin-top: -10px;
 }
@@ skipping 17 matching lines @@
 body[type='open-file'] [visibleif]:not([visibleif~='open-file']),
 body[type='open-multi-file'] [visibleif]:not([visibleif~='open-multi-file']),
 body[type='full-page'] [visibleif]:not([visibleif~='full-page']) {
   display: none;
 }
 
 body:not([ctrl-pressing]) [required_attr='ctrl-pressing'] {
   display: none;
 }
 
-#drive-settings::before {
+body:not([drive]) [required_drive] {
+  display: none;
+}
+
+#gear-button::before {
   background-image: url('../images/files/ui/settings.svg');
   background-position: 20px center;
   background-repeat: no-repeat;
   bottom: 0;
   content: '';
   left: 0;
   opacity: 0.75;
   position: absolute;
   right: 0;
   top: 0;
 }
 
-#drive-settings:hover::before {
+#gear-button:hover::before {
   opacity: 1;
 }
 
 
-#drive-settings {
+#gear-button {
   overflow: hidden;
   text-align: left;
   width: 54px;
 }
 
-#drive-settings span.disclosureindicator {
+#gear-button span.disclosureindicator {
   float: none;
   margin-left: 42px;
 }
 
-/* To animate the #drive-settings element to invisibility we set every property
-  that affects its horizontal size to 0. */
-.dialog-container:not([drive]) #drive-settings {
-  border-color: transparent;  /* Changing only the color to preserve layout. */
-  border-left-width: 0;
-  border-right-width: 0;
-  margin: 0;
-  min-width: 0;
-  padding: 0;
-  width: 0;
-}
-
-.dialog-container:not([drive]) #drive-settings > * {
-  display: none;
-}
-
 .buttonbar > * {
   position: relative;
 }
 
 .buttonbar .tooltip {
   right: -12px;
   top: 35px;
 }
 
 /* Tooltips */
@@ skipping 69 matching lines @@
 }
 
 .dialog-container:not([drive-welcome='page']) #no-search-results[show] {
   display: block;
 }
 
 #downloads-root-context-menu {
   min-width: 250px;
 }
 
-#drive-space-info,
+#volume-space-info,
 #downloads-space-info {
   -webkit-box-pack: justify;
   display: -webkit-box;
 }
 
-#drive-space-info-label,
+#volume-space-info-label,
 #downloads-space-info-label {
   display: block;
 }
 
-#drive-space-info > div,
+#volume-space-info > div,
 #downloads-space-info > div {
   -webkit-box-flex: 1;
   border: 1px solid rgb(192, 192, 192);
   display: block;
   height: 11px;
   margin: 8px 0 9px 10px;
   min-width: 30px;
 }
 
-#drive-space-info-bar[pending],
+#volume-space-info-bar[pending],
 #downloads-space-info-bar[pending] {
   -webkit-animation-duration: 800ms;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: bg;
   -webkit-animation-timing-function: linear;
   background-color: rgb(192, 192, 192);
   background-image: -webkit-linear-gradient(315deg, transparent,
       transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%,
       transparent 66%, transparent);
   background-position: 0 0;
   background-repeat: repeat-x;
   background-size: 16px 8px;
 }
 
-#drive-space-info-bar,
+#volume-space-info-bar,
 #downloads-space-info-bar {
   background-color: rgb(192, 192, 192);
   border: 1px solid rgb(255, 255, 255);
   box-sizing: border-box;
   height: 100%;
   width: 50%;
 }
 
 #list-container .table-header-inner {
   height: 100%;
@@ skipping 13 matching lines @@
 
 #default-action-dialog {
   min-width: 300px;
   width: auto;
 }
 
 .drive-welcome-wrapper {
   /* drive_welcome.css will override it once loaded. */
   display: none;
 }