OLD | NEW |
(Empty) | |
| 1 /* Copyright 2015 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 |
| 5 button { |
| 6 -webkit-appearance: none; |
| 7 border: 1px solid rgb(193, 193, 195); |
| 8 color: rgb(44, 44, 44); |
| 9 cursor: pointer; |
| 10 font-size: 0.875em; |
| 11 font-weight: bold; |
| 12 height: 32px; |
| 13 overflow: hidden; |
| 14 text-align: center; |
| 15 width: 100%; |
| 16 } |
| 17 |
| 18 .button-secondary { |
| 19 background: linear-gradient(to top, rgb(254, 254, 254), rgb(222, 222, 222)); |
| 20 } |
| 21 |
| 22 .button-action { |
| 23 background: linear-gradient(to top, rgb(89, 158, 244), rgb(75, 134, 241)); |
| 24 border: 1px solid rgb(55, 113, 206); |
| 25 color: white; |
| 26 } |
| 27 |
| 28 .issue-action { |
| 29 color: black; |
| 30 cursor: pointer; |
| 31 text-decoration: underline; |
| 32 } |
| 33 |
| 34 .blocking-issue-header { |
| 35 overflow: hidden; |
| 36 } |
| 37 |
| 38 .blocking-issue-message { |
| 39 color: rgb(125, 125, 125); |
| 40 display: block; |
| 41 line-height: 18px; |
| 42 vertical-align: middle; |
| 43 } |
| 44 |
| 45 .blocking-issue-title { |
| 46 display: block; |
| 47 font-weight: bold; |
| 48 line-height: 18px; |
| 49 vertical-align: top; |
| 50 } |
| 51 |
| 52 :host-context(html[dir='ltr']) .blocking-issue-message, |
| 53 :host-context(html[dir='ltr']) .blocking-issue-title { |
| 54 padding-left: 8px; |
| 55 } |
| 56 |
| 57 :host-context(html[dir='rtl']) .blocking-issue-message, |
| 58 :host-context(html[dir='rtl']) .blocking-issue-title { |
| 59 padding-right: 8px; |
| 60 } |
| 61 |
| 62 .non-blocking-issue { |
| 63 background-color: rgb(249, 236, 191); |
| 64 display: block; |
| 65 line-height: 20px; |
| 66 padding-bottom: 6px; |
| 67 padding-top: 6px; |
| 68 } |
| 69 |
| 70 :host-context(html[dir='ltr']) .non-blocking-issue { |
| 71 padding-left: 12px; |
| 72 } |
| 73 |
| 74 :host-context(html[dir='rtl']) .non-blocking-issue { |
| 75 padding-right: 12px; |
| 76 } |
| 77 |
| 78 .sad-face { |
| 79 background-image: -webkit-image-set( |
| 80 url(../icon/sad-face.png) 1x, |
| 81 url(../icon/sad-face2x.png) 2x); |
| 82 background-repeat: no-repeat; |
| 83 height: 32px; |
| 84 width: 32px; |
| 85 } |
| 86 |
| 87 :host-context(html[dir='ltr']) .sad-face { |
| 88 float: left; |
| 89 left: 4px; |
| 90 } |
| 91 |
| 92 :host-context(html[dir='rtl']) .sad-face { |
| 93 float: right; |
| 94 right: 4px; |
| 95 } |
OLD | NEW |