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

Unified Diff: ui/login/bubble.css

Issue 2467783002: ChromeOS: update alignment of user POD error bubble. (Closed)
Patch Set: Update after review. Also fixed CSS styles. Created 4 years, 1 month 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 side-by-side diff with in-line comments
Download patch
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 {

Powered by Google App Engine
This is Rietveld 408576698