chrome/browser/resources/print_preview/margins.css - Issue 10108001: Refactor print preview web ui

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/print_preview/margins.css

Issue 10108001: Refactor print preview web ui (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Created 8 years, 8 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 | Annotate | Revision Log

« chrome/browser/browser_resources.grd ('K') | « chrome/browser/resources/print_preview/margin_utils.js ('k') | chrome/browser/resources/print_preview/margins_ui.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.

2 * Use of this source code is governed by a BSD-style license that can be

3 * found in the LICENSE file. */

4

5 #print-preview .margin-box {

6 background-color: #2a2a2a;

7 border: 1px solid #888;

8 box-sizing: border-box;

9 color: white;

10 cursor: auto;

11 font-family: arial;

12 font-size: 0.8em;

13 height: 25px;

14 left: 50%;

15 padding: 5px 10px;

16 position: absolute;

17 text-align: center;

18 top: 50%;

19 width: 60px;

20 }

21

22 .margins-ui-pair.top .margin-box,

23 .margins-ui-pair.bottom .margin-box {

24 /* -width / 2 + 1 for the margin border */

25 margin-left: -30px;

26 }

27

28 .margins-ui-pair.left .margin-box,

29 .margins-ui-pair.right .margin-box {

30 /* -height / 2 */

31 margin-top: -12px;

32 }

33

34 .margins-ui-pair.bottom .margin-box {

35 /* -height + 1 */

36 margin-top: -23px;

37 }

38

39 .margins-ui-pair.right .margin-box {

40 /* -width - 2 */

41 margin-left: -58px;

42 }

43

44 .margin-box.invalid {

45 background-color: rgb(193, 27, 23);

46 }

47

48 .margins-ui-pair {

49 background-color: transparent;

50 border-color: transparent;

51 position: absolute;

52 }

53

54 .margins-ui-pair.right,

55 .margins-ui-pair.left {

56 cursor: ew-resize;

57 }

58

59 .margins-ui-pair.top,

60 .margins-ui-pair.bottom {

61 cursor: ns-resize;

62 }

63

64 .margins-ui-pair.dragging {

65 z-index: 1;

66 }

67

68 .margin-line {

69 border-color: rgb(64, 128, 250);

70 border-style: dashed;

71 border-width: 1px;

72 pointer-events: none;

73 position: absolute;

74 }

75

76 .margins-ui-pair.top .margin-line,

77 .margins-ui-pair.bottom .margin-line {

78 height: 0;

79 left: 0;

80 top: 50%;

81 width: 100%;

82 }

83

84 .margins-ui-pair.left .margin-line,

85 .margins-ui-pair.right .margin-line {

86 height: 100%;

87 left: 50%;

88 top: 0;

89 width: 0;

90 }

91

92 #customized-margins {

93 position: absolute;

94 top: 0;

95 }

96

97 #customized-margins.invisible {

98 opacity: 0;

99 pointer-events: none;

100 }

OLD	NEW