chrome/browser/resources/chromeos/login/oobe_dialog.css - Issue 2254733004: ChromeOS: Update styles of material design OOBE.

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_dialog.css

Issue 2254733004: ChromeOS: Update styles of material design OOBE. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add missing files. Created 4 years, 4 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

« chrome/browser/resources/chromeos/login/oobe_a11y_option.html ('K') | « chrome/browser/resources/chromeos/login/oobe_a11y_option.html ('k') | chrome/browser/resources/chromeos/login/oobe_dialog.html » ('j') | chrome/browser/resources/chromeos/login/oobe_dialog_arguments.css » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 /* Copyright 2016 The Chromium Authors. All rights reserved.	1 /* Copyright 2016 The Chromium Authors. All rights reserved.

2 Use of this source code is governed by a BSD-style license that can be	2 Use of this source code is governed by a BSD-style license that can be
	michaelpg 2016/08/18 19:40:58 asterisks as other files asterisks as other files Alexander Alekseev 2016/08/19 06:00:05 Done. Show quoted text On 2016/08/18 19:40:58, michaelpg wrote: > asterisks as other files Done.
3 found in the LICENSE file. */	3 found in the LICENSE file. */

4	4

5 :host {	5 #header-container {

6 background-color: white;	6 padding-left: 64px;
	michaelpg 2016/08/18 19:40:58 nit: use shorthand padding: 64px 64px 64px 0; nit: use shorthand padding: 64px 64px 64px 0; Alexander Alekseev 2016/08/19 06:00:05 Done. Show quoted text On 2016/08/18 19:40:58, michaelpg wrote: > nit: use shorthand > padding: 64px 64px 64px 0; Done.
7 display: flex;	7 padding-right: 64px;

8 flex-direction: column;	8 padding-top: 64px;

9 position: relative;

10 width: 582px;

11 }

12

13 .oobe-icon-div {

14 --iron-icon-height: 20px;

15 --iron-icon-width: 20px;

16 color: var(--google-blue-500);

17 }	9 }

18	10

19 .oobe-header {	11 .oobe-header {

20 color: black;	12 min-height: 84px; /* 64 title + 20 subtitle */

21 height: 150px;

22 }	13 }

23	14

24 .oobe-footer {	15 #footer-container {

25 position: relative;	16 padding-left: 64px;
	michaelpg 2016/08/18 19:40:58 same: shorthand same: shorthand Alexander Alekseev 2016/08/19 06:00:05 Done. Show quoted text On 2016/08/18 19:40:58, michaelpg wrote: > same: shorthand Done.
26 }	17 padding-right: 64px;

27	18 padding-top: 44px;

28 .header-container {

29 padding: 50px 40px 18px;

30 }

31

32 .footer-container {

33 overflow-y: auto;

34 padding: 24px 40px 34px;

35 }	19 }

36	20

37 #oobe-bottom {	21 #oobe-bottom {

38 box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.14);	22 box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.14);

39 padding: 24px 40px 34px;	23 max-height: 80px;

	24 min-height: 80px;
	michaelpg 2016/08/18 19:40:58 can "min-height" just be "height" if you want the can "min-height" just be "height" if you want the height to be 80px? Alexander Alekseev 2016/08/19 06:00:05 Done. Show quoted text On 2016/08/18 19:40:58, michaelpg wrote: > can "min-height" just be "height" if you want the height to be 80px? Done.
	25 padding-left: 24px;

	26 padding-right: 24px;

40 z-index: 1;	27 z-index: 1;

41 }	28 }

42

43 ::content div.oobe-body-text {

44 margin-bottom: 24px;

45 }

46

47 ::content div.oobe-body-text p {

48 color: rgba(0, 0, 0, 0.87);

49 font-size: 14px;

50 line-height: 20px;

51 margin: 0;

52 }

53

54 ::content h1.welcome-message {

55 color: rgba(0, 0, 0, 0.87);

56 font-size: 20px;

57 font-weight: normal;

58 margin-bottom: 0;

59 }

60

61 ::content h1.welcome-message-hint {

62 color: rgba(0, 0, 0, 0.87);

63 font-size: 12px;

64 font-weight: normal;

65 margin-bottom: 0;

66 }

67

68

OLD	NEW