Adding instrumentation to locate the source of jankiness
[chromium-blink-merge.git] / chrome / browser / resources / help / help_content.css
blob06bdcfb6da2f2f35ce0c71abb0a1fa4028726eb1
1 /* Copyright 2014 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 */
6 #about-container {
7 align-items: center;
8 display: flex;
9 margin-top: 10px;
12 #product-description {
13 -webkit-margin-start: 10px;
16 #version-container {
17 margin-top: 30px;
20 #update-buttons-container {
21 margin-top: 5px;
24 #update-status-container {
25 margin-top: 10px;
28 #update-status {
29 vertical-align: middle;
32 #update-percentage {
33 font-size: 90%;
36 #get-help,
37 #promote {
38 -webkit-margin-end: 4px;
41 #help-container {
42 margin-top: 16px;
45 #product-container {
46 line-height: 1.8em;
47 margin-top: 200px;
50 .overlay #product-container {
51 margin-top: 40px;
54 .help-page-icon,
55 .help-page-icon-large {
56 background-repeat: no-repeat;
57 display: inline-block;
58 margin-right: 4px;
59 vertical-align: top;
62 .help-page-icon {
63 height: 17px;
64 width: 17px;
67 .help-page-icon-large {
68 height: 22px;
69 width: 22px;
72 #update-status-icon.up-to-date {
73 background-image: url('chrome://theme/IDR_UPDATE_UPTODATE');
74 background-size: 17px;
77 #update-status-icon.working {
78 background-image: url('chrome://resources/images/throbber.svg');
81 #update-status-icon.failed {
82 background-image: url('chrome://theme/IDR_UPDATE_FAILED');
83 background-size: 17px;
86 #update-status-message-container {
87 display: inline-block;
88 vertical-align: top;
91 #more-info-expander {
92 -webkit-padding-start: 0;
95 #more-info-container.visible {
96 margin-bottom: 1.5em;
99 #more-info-container {
100 -webkit-transition: all 200ms;
101 height: 0;
102 margin-bottom: 0;
103 overflow: hidden;
106 #build-date-container.empty {
107 visibility: hidden;
110 #channel-change-confirmation {
111 margin-top: 5px;
114 #change-channel {
115 margin-top: 8px;
118 #channel-change-disallowed-icon {
119 -webkit-margin-start: 4px;
120 background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
121 background-size: 17px;
122 vertical-align: middle;
125 .channel-change-error-bubble {
126 display: flex;
129 .channel-change-error-icon {
130 -webkit-margin-start: 4px;
131 background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
132 background-size: 22px;
133 vertical-align: top;
136 .channel-change-error-text {
137 -webkit-margin-start: 4px;
138 display: block;
139 vertical-align: top;
140 width: 240px;