Index: chrome/browser/resources/file_manager/css/file_manager.css |
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css |
index e6ee22920554428d7bf8667cd2a980d16376528c..a7401a6d604b6fc31fa22bb5270b3f7c30519e64 100644 |
--- a/chrome/browser/resources/file_manager/css/file_manager.css |
+++ b/chrome/browser/resources/file_manager/css/file_manager.css |
@@ -533,6 +533,17 @@ body[new-ui] .dialog-header { |
height: 45px; |
} |
+body[new-ui] .search-box-wrapper { |
+ -webkit-box-flex: 1; |
+ display: -webkit-box; |
+} |
+ |
+body[new-ui] .decoration-buttons-wrapper { |
+ -webkit-box-flex: 0; |
+ -webkit-box-pack: end; |
+ display: -webkit-box; |
+} |
+ |
body[new-ui] .dialog-header #search-box, |
body[new-ui] .dialog-header #autocomplete-list, |
body[new-ui] .dialog-header .buttonbar button { |
@@ -769,7 +780,12 @@ body[new-ui] .dialog-header button:not(:hover):not(focus) { |
width: 150px; |
} |
+#search-box[hidden] { |
+ display: none; // Required, since overriden by #search-box. |
yoshiki
2013/05/13 05:37:00
CSS doesn't support //-style comment. Please use /
|
+} |
+ |
body[new-ui] #search-box { |
+ -webkit-transition: max-width 200ms; |
background: -webkit-image-set( |
url('../images/files/ui/new-ui/search_icon_active.png') 1x, |
url('../images/files/ui/new-ui/2x/search_icon_active.png') 2x); |
@@ -777,7 +793,9 @@ body[new-ui] #search-box { |
background-repeat: no-repeat; |
border-color: white; |
line-height: 1em; |
+ max-width: 150px; |
padding: 0 0 0 30px; |
+ width: 100%; |
} |
#search-box:hover { |
@@ -794,8 +812,9 @@ body[new-ui] #search-box:hover { |
body[new-ui] #search-box:focus { |
border: 1px solid rgb(77, 144, 254); |
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); |
+ max-width: 240px; |
outline: none; |
- width: 240px; |
+ width: 100%; |
} |
#search-box::-webkit-search-cancel-button { |