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

Unified Diff: Source/devtools/front_end/responsiveDesignView.css

Issue 304073003: DevTools: display reload warning in the responsive design toolbar. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 7 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 side-by-side diff with in-line comments
Download patch
Index: Source/devtools/front_end/responsiveDesignView.css
diff --git a/Source/devtools/front_end/responsiveDesignView.css b/Source/devtools/front_end/responsiveDesignView.css
index b5be2bdc52c84a6af7c686e055b7ed83906b45a7..4fc508b448bac9b0f0aacefc6f07e47b8387c42e 100644
--- a/Source/devtools/front_end/responsiveDesignView.css
+++ b/Source/devtools/front_end/responsiveDesignView.css
@@ -224,3 +224,30 @@
.responsive-design-icon-swap:active {
opacity: 0.8;
}
+
+.responsive-design-warning {
+ background-color: rgb(64, 64, 64);
+ color: rgb(180, 180, 180);
+ height: 19px;
+ padding: 2px;
+}
+
+.responsive-design-warning::before {
+ background-image: url(Images/statusbarButtonGlyphs.png);
+ background-size: 320px 144px;
+ width: 10px;
+ height: 10px;
+ content: "";
+ position: relative;
+ top: 2px;
+ background-position: -202px -107px;
+ float: left;
+ margin-right: 4px;
+ margin-left: 2px;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.responsive-design-warning::before {
+ background-image: url(Images/statusbarButtonGlyphs_2x.png);
+}
+} /* media */
« Source/devtools/front_end/ResponsiveDesignView.js ('K') | « Source/devtools/front_end/overrides.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698