third_party/WebKit/Source/devtools/front_end/timeline/timelineLandingPage.css - Issue 2576303002: DevTools: Refactor Timeline Landing Page

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: third_party/WebKit/Source/devtools/front_end/timeline/timelineLandingPage.css

Issue 2576303002: DevTools: Refactor Timeline Landing Page (Closed)

Patch Set: Created 4 years 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 | « third_party/WebKit/Source/devtools/front_end/timeline/TimelineLandingPage.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/inspectorViewTabbedPane.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 /*	1 /*

2 * Copyright (c) 2016 The Chromium Authors. All rights reserved.	2 * Copyright (c) 2016 The Chromium Authors. All rights reserved.

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

4 * found in the LICENSE file.	4 * found in the LICENSE file.

5 */	5 */

6	6

7 .timeline-landing-page {	7 .timeline-landing-page {

8 align-self: center;	8 align-self: center;

9 max-width: 500px;	9 max-width: 500px;

10 font-size: 13px;	10 font-size: 14px;

11 }	11 margin-top: 30px;

12

13 .timeline-landing-page .tabbed-pane {

14 padding: 10px 0 0 0;

15 }	12 }

16	13

17 .timeline-landing-page .timeline-perspective-body {	14 .timeline-landing-page .timeline-perspective-body {

18 align-items: stretch;

19 line-height: 1.5;	15 line-height: 1.5;

20 padding: 12px;	16 padding: 12px;

21 white-space: pre-line;	17 white-space: pre-line;

22 width: 100%;

23 font-size: 12px;	18 font-size: 12px;

24 }	19 }

25	20

26 .timeline-landing-page .timeline-perspective-body > div {	21 .timeline-landing-page .timeline-perspective-body > div {

27 margin-bottom: 12px;	22 margin-bottom: 12px;

28 flex-shrink: 0;	23 flex-shrink: 0;

29 }	24 }

30	25

31 .timeline-landing-page button {	26 .timeline-landing-page button {

32 min-width: 90px;	27 min-width: 120px;

33 min-height: 26px;	28 padding: 6px;

34 margin: 10px 0 0 0;	29 margin: 14px 14px 0 0;

35 }	30 }

36	31

37 .timeline-landing-page .recording-setting {	32 .timeline-landing-page .recording-setting {

38 display: flex;	33 display: flex;

39 align-items: flex-start;	34 align-items: flex-start;

40 margin-bottom: 2px !important;	35 margin-bottom: 2px !important;

41 }	36 }

42	37

43 .timeline-landing-page .recording-setting label {	38 .timeline-landing-page .recording-setting label {

44 flex: 0 0 100px;	39 flex: 0 0 100px;

45 }	40 }

46	41

47 .timeline-landing-page .recording-setting-description {	42 .timeline-landing-page .recording-setting-description {

48 color: #999;	43 color: #999;

49 }	44 }

OLD	NEW