[go: nahoru, domu]
Google Git
Sign in
chromium / devtools / devtools-frontend / f746fe4a57190be85ee170add03a16cf6cd4ba27 / . / front_end / panels / lighthouse / lighthouseStartView.css
blob: fc1780d2c39b55de74b6a338df5bc70f346abae7 [file] [log] [blame]
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]1/*
2 * Copyright 2018 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
Connor Clarkc55849a2020-06-25 23:17:00[diff] [blame]6/* <3 */
7
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]8.lighthouse-start-view {
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]9 font-family: Roboto, sans-serif;
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]10 font-size: var(--font-size);
Patrick Hulce05c18ce2018-05-24 00:34:56[diff] [blame]11 line-height: 18px;
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]12 /* for buttons */
Jack Frankline45d3e82021-04-28 09:57:54[diff] [blame]13 --legacy-accent-color: #0535c1;
14 --legacy-accent-color-hover: #17b;
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]15 --font-size: 14px;
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]16 --report-font-family: roboto, helvetica, arial, sans-serif;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]17}
18
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]19.lighthouse-start-view header {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]20 flex: 2 1;
21 padding: 16px;
22 display: grid;
23 justify-items: center;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]24}
25
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]26.lighthouse-logo {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]27 width: 75px;
28 height: 75px;
29 flex-shrink: 0;
30 background-repeat: no-repeat;
31 background-size: contain;
Tim van der Lippe88ba72d2021-03-04 14:54:14[diff] [blame]32 background-image: var(--image-file-lighthouse_logo);
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]33}
34
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]35.lighthouse-start-view-text {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]36 margin: 0 40px;
37 text-align: center;
Christy Chen1eea03c2019-06-26 19:31:24[diff] [blame]38}
39
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]40.lighthouse-start-view form {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]41 display: contents;
42}
43
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]44.lighthouse-form-section {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]45 padding: 8px;
46 flex: 1 1;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]47}
48
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]49.lighthouse-start-view.vbox .lighthouse-form-categories {
Tim van der Lippe14d40512020-11-27 14:56:38[diff] [blame]50 border-top: 1px solid var(--color-background-elevation-2);
51 border-bottom: 1px solid var(--color-background-elevation-2);
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]52}
53
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]54.lighthouse-form-section-label {
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]55 margin: 7px 0 7px;
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]56 font-weight: 500;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]57}
58
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]59.lighthouse-form-section-label i span {
Patrick Hulce05c18ce2018-05-24 00:34:56[diff] [blame]60 position: relative;
61 top: -2px;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]62}
63
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]64.lighthouse-form-section-label span.largeicon-checkmark {
Patrick Hulce05c18ce2018-05-24 00:34:56[diff] [blame]65 top: -4px;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]66}
67
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]68.lighthouse-radio {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]69 display: flex;
70 align-items: center;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]71}
72
Peter Marshallf4941652020-03-11 09:52:41[diff] [blame]73input[type="radio"]:focus {
74 outline-width: 2px;
75}
76
Peter Marshall421603e2020-03-13 11:01:43[diff] [blame]77.lighthouse-radio-text {
78 margin-left: 3px;
79}
80
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]81.lighthouse-start-button-container {
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]82 align-items: center;
83}
84
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]85.lighthouse-start-button-container button {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]86 margin: 8px auto;
87 font-family: var(--report-font-family);
88 font-weight: 500;
89 font-size: var(--font-size);
90}
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]91
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]92.lighthouse-start-button-container button:disabled {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]93 cursor: not-allowed;
94}
95
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]96.lighthouse-start-view .toolbar-dropdown-arrow {
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]97 display: none;
98}
99
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]100.lighthouse-launcher-row,
101.lighthouse-radio {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]102 margin-bottom: 6px;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]103}
104
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]105.lighthouse-launcher-row:last-of-type,
106.lighthouse-radio:last-of-type {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]107 margin-bottom: 0;
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]108}
109
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]110.lighthouse-launcher-row .dimmed {
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]111 padding-left: 22px;
112}
113
Connor Clark2bc3be22020-02-14 22:34:19[diff] [blame]114.lighthouse-help-text {
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]115 text-align: center;
Jack Franklin8064d3b2021-02-03 10:08:37[diff] [blame]116 color: #f00; /* stylelint-disable-line plugin/use_theme_colors */
117 /* See: crbug.com/1152736 for color variable migration. */
Patrick Hulcea087f622018-05-18 00:37:53[diff] [blame]118 font-weight: bold;
119 padding-left: 10px;
Connor Clarke66080e2019-11-07 00:35:51[diff] [blame]120}
Adam Raine3226e932020-10-08 14:42:21[diff] [blame]121
122.lighthouse-warning-text {
123 text-align: left;
Jack Franklin8064d3b2021-02-03 10:08:37[diff] [blame]124 color: #ff8c00; /* stylelint-disable-line plugin/use_theme_colors */
125 /* See: crbug.com/1152736 for color variable migration. */
Adam Raine3226e932020-10-08 14:42:21[diff] [blame]126 font-weight: bold;
127 padding-left: 10px;
128 padding-top: 10px;
129}
130
131.lighthouse-warning-text::before {
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]132 content: '⚠';
Adam Raine3226e932020-10-08 14:42:21[diff] [blame]133 margin-right: 10px;
134}