Chromium Code Reviews| Index: ui/login/bubble.css |
| diff --git a/ui/login/bubble.css b/ui/login/bubble.css |
| index 30cc8254b98bdda06a92adb0b3a2ed3090f16fc6..b6fcf0da148d66e967e5a2614c5a873314deec21 100644 |
| --- a/ui/login/bubble.css |
| +++ b/ui/login/bubble.css |
| @@ -14,14 +14,37 @@ |
| font-size: 12px; |
| margin: 2px; |
| max-width: 250px; |
| - padding: 16px; |
| + padding: 8px; |
| position: absolute; |
| } |
| +.error-message-bubble::before { |
| + -webkit-mask-image: url(../../ui/webui/resources/images/warning.svg); |
| + -webkit-mask-position: left top; |
| + -webkit-mask-repeat: no-repeat; |
| + -webkit-mask-size: 20px; |
| + background-color: rgb(255,255,255); |
| + content: ''; |
| + display: block; |
| + height: 20px; |
| + left: 8px; |
| + position: absolute; |
| + top: 8px; |
| + width: 100%; |
|
xiyuan
2016/11/03 16:54:40
nit: can we use a fixed width, e.g. 20px ?
Alexander Alekseev
2016/11/03 22:15:30
Done.
|
| +} |
| + |
| .error-message-bubble { |
| - -webkit-padding-start: 30px; |
| - background: url(chrome://theme/IDR_WARNING) left top no-repeat; |
| - background-size: 24px; |
| + -webkit-padding-start: 20px; |
| +} |
| + |
| +.bubble[match-width] .error-message-bubble { |
| + -webkit-padding-start: unset; |
| + padding-top: 20px; |
| +} |
| + |
| +.bubble a { |
| + color: #7baaf7; |
| + text-decoration: none; |
| } |
| .error-message-bubble-padding { |