chrome/browser/resources/settings/device_page/display_layout.html - Issue 2097793004: MD Settings: Display: Implement dragging

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/settings/device_page/display_layout.html

Issue 2097793004: MD Settings: Display: Implement dragging (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_547080_display_settings7

Patch Set: Feedback Created 4 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/resources/settings/device_page/compiled_resources2.gyp ('k') | chrome/browser/resources/settings/device_page/display_layout.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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/polymer/v1_0/iron-resizable-behavior /iron-resizable-behavior.html">	2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-resizable-behavior /iron-resizable-behavior.html">

3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">	3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">

	4 <link rel="import" href="/device_page/drag_behavior.html">

4 <link rel="import" href="/settings_shared_css.html">	5 <link rel="import" href="/settings_shared_css.html">

5	6

6 <dom-module id="display-layout">	7 <dom-module id="display-layout">

7 <template>	8 <template>

8 <style include="settings-shared">	9 <style include="settings-shared">

9 /* Use relative position with no offset so that display divs(children),	10 /* Use relative position with no offset so that display divs(children),

10 which have absolute positions, are offset from the displayArea div. */	11 which have absolute positions, are offset from the displayArea div. */

11 #displayArea {	12 #displayArea {

12 border: lightgrey solid 1px;	13 border: lightgrey solid 1px;

13 height: 100%;	14 height: 100%;

(...skipping 10 matching lines...) Expand all Loading...
24 justify-content: center;	25 justify-content: center;

25 position: absolute;	26 position: absolute;

26 }	27 }

27 .display[selected] {	28 .display[selected] {

28 border: var(--google-blue-500) solid 2px;	29 border: var(--google-blue-500) solid 2px;

29 box-shadow: none;	30 box-shadow: none;

30 }	31 }

31 </style>	32 </style>

32 <div id="displayArea" on-iron-resize="calculateVisualScale_">	33 <div id="displayArea" on-iron-resize="calculateVisualScale_">

33 <template is="dom-repeat" items="[[displays]]">	34 <template is="dom-repeat" items="[[displays]]">

34 <div id="_[[item.id]]" class="display"	35 <div id="_[[item.id]]" class="display" draggable="true"

35 style$="[[getDivStyle_(item, visualScale)]]"	36 style$="[[getDivStyle_(item.id, item.bounds, visualScale)]]"

36 selected$="[[isSelected_(item, selectedDisplay)]]"	37 selected$="[[isSelected_(item, selectedDisplay)]]"

37 on-tap="onSelectDisplayTap_">	38 on-tap="onSelectDisplayTap_">

38 [[item.name]]	39 [[item.name]]

39 </div>	40 </div>

40 </template>	41 </template>

41 </div>	42 </div>

42 </template>	43 </template>

43 <script src="display_layout.js"></script>	44 <script src="display_layout.js"></script>

44 </dom-module>	45 </dom-module>

OLD	NEW