Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(139)

Side by Side Diff: ui/file_manager/file_manager/foreground/css/file_manager.css

Issue 1164773005: Files.app: Update design of menus. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 /* Special attribute used in HTML to hide elements. */ 5 /* Special attribute used in HTML to hide elements. */
6 body[type='folder'] [invisibleif~='folder'], 6 body[type='folder'] [invisibleif~='folder'],
7 body[type='upload-folder'] [invisibleif~='upload-folder'], 7 body[type='upload-folder'] [invisibleif~='upload-folder'],
8 body[type='saveas-file'] [invisibleif~='saveas-file'], 8 body[type='saveas-file'] [invisibleif~='saveas-file'],
9 body[type='open-file'] [invisibleif~='open-file'], 9 body[type='open-file'] [invisibleif~='open-file'],
10 body[type='open-multi-file'] [invisibleif~='open-multi-file'], 10 body[type='open-multi-file'] [invisibleif~='open-multi-file'],
(...skipping 1772 matching lines...) Expand 10 before | Expand all | Expand 10 after
1783 list.autocomplete-suggestions { 1783 list.autocomplete-suggestions {
1784 -webkit-margin-start: -36px; 1784 -webkit-margin-start: -36px;
1785 background-color: white; 1785 background-color: white;
1786 border-radius: 3px; 1786 border-radius: 3px;
1787 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5); 1787 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
1788 box-sizing: border-box; /* To match the width with the search box's. */ 1788 box-sizing: border-box; /* To match the width with the search box's. */
1789 color: rgb(90, 90, 90); 1789 color: rgb(90, 90, 90);
1790 flex: none; 1790 flex: none;
1791 margin-top: 10px; 1791 margin-top: 10px;
1792 overflow: hidden; 1792 overflow: hidden;
1793 padding: 0; 1793 padding: 8px 0;
1794 position: fixed; 1794 position: fixed;
1795 width: 260px !important; /* This overrides the value specified by script. */ 1795 width: 260px !important; /* This overrides the value specified by script. */
1796 z-index: 550; 1796 z-index: 550;
1797 } 1797 }
1798 1798
1799 list.autocomplete-suggestions > li { 1799 list.autocomplete-suggestions > li {
1800 align-items: center; 1800 align-items: center;
1801 display: flex; 1801 display: flex;
1802 height: 40px; 1802 height: 32px;
1803 } 1803 }
1804 1804
1805 list.autocomplete-suggestions > li > div.detail-icon { 1805 list.autocomplete-suggestions > li > div.detail-icon {
1806 margin: 0 3px; 1806 height: 32px;
1807 width: 32px;
1807 flex: none; 1808 flex: none;
1808 } 1809 }
1809 1810
1810 list.autocomplete-suggestions > li > div.detail-text { 1811 list.autocomplete-suggestions > li > div.detail-text {
1811 flex: auto; 1812 flex: auto;
1812 margin: 0 4px;
1813 overflow-x: hidden; 1813 overflow-x: hidden;
1814 text-overflow: ellipsis; 1814 text-overflow: ellipsis;
1815 } 1815 }
1816 1816
1817 list.autocomplete-suggestions > li > div.detail-text em { 1817 list.autocomplete-suggestions > li > div.detail-text em {
1818 color: rgb(150, 150, 150); 1818 color: rgb(150, 150, 150);
1819 font-style: normal; 1819 font-style: normal;
1820 } 1820 }
1821 1821
1822 list.autocomplete-suggestions > li > div[search-icon] { 1822 list.autocomplete-suggestions > li > div[search-icon] {
1823 background: -webkit-image-set( 1823 background: -webkit-image-set(
1824 url(../images/files/ui/search.png) 1x, 1824 url(../images/files/ui/search.png) 1x,
1825 url(../images/files/ui/2x/search.png) 2x) center no-repeat; 1825 url(../images/files/ui/2x/search.png) 2x) center no-repeat;
1826 } 1826 }
1827 1827
1828 list.autocomplete-suggestions > [selected], 1828 list.autocomplete-suggestions > [selected],
1829 list.autocomplete-suggestions > [lead] { 1829 list.autocomplete-suggestions > [lead] {
1830 background-color: rgb(222, 243, 254); 1830 background-color: rgba(0, 0, 0, 0.08);
1831 } 1831 }
1832 1832
1833 #gear-menu { 1833 #gear-menu {
1834 margin-top: 8px; 1834 margin-top: 8px;
1835 } 1835 }
1836 1836
1837 #gear-menu > cr-menu-item:not(.menuitem-button), 1837 #gear-menu > cr-menu-item:not(.menuitem-button),
1838 #sort-menu > cr-menu-item { 1838 #sort-menu > cr-menu-item {
1839 -webkit-margin-end: 50px; 1839 -webkit-margin-end: 50px;
1840 } 1840 }
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after
2104 padding: 20px 15px; 2104 padding: 20px 15px;
2105 } 2105 }
2106 2106
2107 .text-measure { 2107 .text-measure {
2108 pointer-events: none; 2108 pointer-events: none;
2109 position: absolute; 2109 position: absolute;
2110 top: 0; 2110 top: 0;
2111 visibility: hidden; 2111 visibility: hidden;
2112 z-index: -1; 2112 z-index: -1;
2113 } 2113 }
OLDNEW
« no previous file with comments | « ui/file_manager/file_manager/foreground/css/common.css ('k') | ui/file_manager/file_manager/foreground/css/file_types.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698