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

Side by Side Diff: chrome/browser/resources/md_bookmarks/app.html

Issue 2970793002: MD Bookmarks: Always use a two-way arrow cursor for resizing the sidebar (Closed)
Patch Set: Created 3 years, 5 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
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 2
3 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html"> 3 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html">
4 <link rel="import" href="chrome://bookmarks/api_listener.html"> 4 <link rel="import" href="chrome://bookmarks/api_listener.html">
5 <link rel="import" href="chrome://bookmarks/command_manager.html"> 5 <link rel="import" href="chrome://bookmarks/command_manager.html">
6 <link rel="import" href="chrome://bookmarks/constants.html"> 6 <link rel="import" href="chrome://bookmarks/constants.html">
7 <link rel="import" href="chrome://bookmarks/dnd_manager.html"> 7 <link rel="import" href="chrome://bookmarks/dnd_manager.html">
8 <link rel="import" href="chrome://bookmarks/folder_node.html"> 8 <link rel="import" href="chrome://bookmarks/folder_node.html">
9 <link rel="import" href="chrome://bookmarks/list.html"> 9 <link rel="import" href="chrome://bookmarks/list.html">
10 <link rel="import" href="chrome://bookmarks/router.html"> 10 <link rel="import" href="chrome://bookmarks/router.html">
(...skipping 16 matching lines...) Expand all
27 27
28 #main-container { 28 #main-container {
29 display: flex; 29 display: flex;
30 flex-direction: row; 30 flex-direction: row;
31 flex-grow: 1; 31 flex-grow: 1;
32 overflow: auto; 32 overflow: auto;
33 } 33 }
34 34
35 #splitter { 35 #splitter {
36 box-sizing: border-box; 36 box-sizing: border-box;
37 cursor: col-resize;
38 <if expr="is_win">
39 /* Unlike other platforms, e-resize is a two-way arrow on Windows. */
37 cursor: e-resize; 40 cursor: e-resize;
41 </if>
38 flex: 0 0 var(--splitter-width); 42 flex: 0 0 var(--splitter-width);
39 opacity: 0; 43 opacity: 0;
40 } 44 }
41 45
42 #splitter:hover, 46 #splitter:hover,
43 #splitter.splitter-active { 47 #splitter.splitter-active {
44 -webkit-border-start: 1px solid rgba(0, 0, 0, 0.1); 48 -webkit-border-start: 1px solid rgba(0, 0, 0, 0.1);
45 opacity: 1; 49 opacity: 1;
46 transition: opacity 100ms ease-out; 50 transition: opacity 100ms ease-out;
47 } 51 }
48 52
49 :host-context([dir='rtl']) #splitter {
50 cursor: w-resize;
51 }
52
53 #sidebar { 53 #sidebar {
54 -webkit-padding-start: 3px; 54 -webkit-padding-start: 3px;
55 display: block; 55 display: block;
56 max-width: 40%; 56 max-width: 40%;
57 min-width: var(--min-sidebar-width); 57 min-width: var(--min-sidebar-width);
58 overflow-x: hidden; 58 overflow-x: hidden;
59 overflow-y: auto; 59 overflow-y: auto;
60 padding-top: 8px; 60 padding-top: 8px;
61 user-select: none; 61 user-select: none;
62 width: var(--min-sidebar-width); 62 width: var(--min-sidebar-width);
(...skipping 11 matching lines...) Expand all
74 </div> 74 </div>
75 <div id="splitter"></div> 75 <div id="splitter"></div>
76 <bookmarks-list></bookmarks-list> 76 <bookmarks-list></bookmarks-list>
77 </div> 77 </div>
78 <bookmarks-router></bookmarks-router> 78 <bookmarks-router></bookmarks-router>
79 <bookmarks-command-manager></bookmarks-command-manager> 79 <bookmarks-command-manager></bookmarks-command-manager>
80 <bookmarks-toast-manager duration="5000"></bookmarks-toast-manager> 80 <bookmarks-toast-manager duration="5000"></bookmarks-toast-manager>
81 </template> 81 </template>
82 <script src="chrome://bookmarks/app.js"></script> 82 <script src="chrome://bookmarks/app.js"></script>
83 </dom-module> 83 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698