Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(865)

Side by Side Diff: chrome/browser/resources/options/language_options.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 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
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 #languagePage .content-area { 5 #languagePage .content-area {
6 width: 660px; 6 width: 660px;
7 } 7 }
8 8
9 .language-options { 9 .language-options {
10 display: -webkit-box; 10 display: -webkit-box;
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
124 overflow: hidden; 124 overflow: hidden;
125 pointer-events: none; 125 pointer-events: none;
126 position: fixed; 126 position: fixed;
127 z-index: 10; 127 z-index: 10;
128 } 128 }
129 129
130 /* TODO(kochi): This is temporary copy from new_tab.css */ 130 /* TODO(kochi): This is temporary copy from new_tab.css */
131 /* Notification */ 131 /* Notification */
132 132
133 #notification { 133 #notification {
134 -webkit-transition: opacity 150ms;
135 background-color: hsl(52, 100%, 80%); 134 background-color: hsl(52, 100%, 80%);
136 border: 1px solid rgb(211, 211, 211); 135 border: 1px solid rgb(211, 211, 211);
137 border-radius: 6px; 136 border-radius: 6px;
138 color: black; 137 color: black;
139 display: table; 138 display: table;
140 font-weight: bold; 139 font-weight: bold;
141 /* Set the height and margin so that the element does not use any vertical 140 /* Set the height and margin so that the element does not use any vertical
142 space. */ 141 space. */
143 height: 16px; 142 height: 16px;
144 margin: -44px auto 12px auto; 143 margin: -44px auto 12px auto;
145 opacity: 0; 144 opacity: 0;
146 padding: 7px 15px; 145 padding: 7px 15px;
147 pointer-events: none; 146 pointer-events: none;
148 position: relative; 147 position: relative;
148 transition: opacity 150ms;
149 white-space: nowrap; 149 white-space: nowrap;
150 z-index: 1; 150 z-index: 1;
151 } 151 }
152 152
153 #notification > * { 153 #notification > * {
154 display: table-cell; 154 display: table-cell;
155 max-width: 500px; 155 max-width: 500px;
156 overflow: hidden; 156 overflow: hidden;
157 text-overflow: ellipsis; 157 text-overflow: ellipsis;
158 } 158 }
159 159
160 #notification.show { 160 #notification.show {
161 -webkit-transition: opacity 1s;
162 opacity: 1; 161 opacity: 1;
163 pointer-events: all; 162 pointer-events: all;
163 transition: opacity 1s;
164 } 164 }
165 165
166 #notification .link { 166 #notification .link {
167 -webkit-appearance: none; 167 -webkit-appearance: none;
168 -webkit-padding-start: 20px; 168 -webkit-padding-start: 20px;
169 background: none; 169 background: none;
170 border: 0; 170 border: 0;
171 color: rgba(0, 102, 204, 0.3); 171 color: rgba(0, 102, 204, 0.3);
172 cursor: pointer; 172 cursor: pointer;
173 text-decoration: underline; 173 text-decoration: underline;
174 } 174 }
175 175
176 #notification .link-color { 176 #notification .link-color {
177 color: rgb(0, 102, 204); 177 color: rgb(0, 102, 204);
178 } 178 }
179 179
180 #chewing-max-chi-symbol-len { 180 #chewing-max-chi-symbol-len {
181 height: 30%; 181 height: 30%;
182 width: 100px; 182 width: 100px;
183 } 183 }
184 184
185 #add-language-overlay-page .content-area { 185 #add-language-overlay-page .content-area {
186 padding-bottom: 10px; 186 padding-bottom: 10px;
187 } 187 }
188 188
189 /* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */ 189 /* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */
190 #add-language-overlay-language-list { 190 #add-language-overlay-language-list {
191 width: -webkit-calc(100% - 4px); 191 width: -webkit-calc(100% - 4px);
192 } 192 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/handler_options.css ('k') | chrome/browser/resources/options/manage_profile_overlay.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698