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 */ |