chrome/browser/resources/md_bookmarks/app.html - Issue 2745593004: [MD Bookmarks] Add draggable sidebar.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

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

Issue 2745593004: [MD Bookmarks] Add draggable sidebar. (Closed)

Patch Set: address comments, add window resize handler Created 3 years, 9 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

OLD	NEW
1 <link rel="import" href="chrome://resources/html/polymer.html">	1 <link rel="import" href="chrome://resources/html/polymer.html">

	2 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html">

2 <link rel="import" href="chrome://bookmarks/api_listener.html">	3 <link rel="import" href="chrome://bookmarks/api_listener.html">

3 <link rel="import" href="chrome://bookmarks/list.html">	4 <link rel="import" href="chrome://bookmarks/list.html">

4 <link rel="import" href="chrome://bookmarks/shared_vars.html">	5 <link rel="import" href="chrome://bookmarks/shared_vars.html">

5 <link rel="import" href="chrome://bookmarks/sidebar.html">	6 <link rel="import" href="chrome://bookmarks/sidebar.html">

6 <link rel="import" href="chrome://bookmarks/store.html">	7 <link rel="import" href="chrome://bookmarks/store.html">

7 <link rel="import" href="chrome://bookmarks/toolbar.html">	8 <link rel="import" href="chrome://bookmarks/toolbar.html">

8 <link rel="import" href="chrome://bookmarks/util.html">	9 <link rel="import" href="chrome://bookmarks/util.html">

9	10

10 <dom-module id="bookmarks-app">	11 <dom-module id="bookmarks-app">

11 <template>	12 <template>

12 <style>	13 <style>

13 :host {	14 :host {

14 display: flex;	15 display: flex;

15 flex-direction: column;	16 flex-direction: column;

16 height: 100%;	17 height: 100%;

17 overflow: hidden;	18 min-width: 550px;

18 }	19 }

19	20

20 #main-container {	21 #main-container {

21 display: flex;	22 display: flex;

22 flex-direction: row;	23 flex-direction: row;

23 flex-grow: 1;	24 flex-grow: 1;

24 overflow: auto;	25 }

	26

	27 #splitter {

	28 cursor: e-resize;

	29 flex: 0 0 var(--splitter-width);

25 }	30 }

26	31

27 bookmarks-sidebar {	32 bookmarks-sidebar {

28 flex: 0 0 var(--sidebar-width);	33 max-width: 40%;

	34 min-width: var(--min-sidebar-width);

	35 width: var(--min-sidebar-width);

29 }	36 }

30	37

31 bookmarks-list {	38 bookmarks-list {

32 flex: 1;	39 flex: 1;

33 }	40 }

34 </style>	41 </style>

35 <bookmarks-toolbar></bookmarks-toolbar>	42 <bookmarks-toolbar sidebar-width="[[sidebarWidth_]]"></bookmarks-toolbar>

36 <div id="main-container">	43 <div id="main-container">

37 <bookmarks-sidebar></bookmarks-sidebar>	44 <bookmarks-sidebar id="sidebar"></bookmarks-sidebar>

	45 <div id="splitter"></div>

38 <bookmarks-list></bookmarks-list>	46 <bookmarks-list></bookmarks-list>

39 </div>	47 </div>

40 </template>	48 </template>

41 <script src="chrome://bookmarks/app.js"></script>	49 <script src="chrome://bookmarks/app.js"></script>

42 </dom-module>	50 </dom-module>

OLD	NEW

« no previous file with comments | « no previous file | chrome/browser/resources/md_bookmarks/app.js » ('j') | chrome/browser/resources/md_bookmarks/folder_node.html » ('J')