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

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

Issue 314303005: [DevTools] UI improvements for responsive design view. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 6 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
« no previous file with comments | « Source/devtools/front_end/ResponsiveDesignView.js ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/devtools/front_end/responsiveDesignView.css
diff --git a/Source/devtools/front_end/responsiveDesignView.css b/Source/devtools/front_end/responsiveDesignView.css
index 19496244c5966d4e19d4e306dc1df5479345c9e5..92b78dcdec9ee050fb5bac080f0ff767dfd0d73b 100644
--- a/Source/devtools/front_end/responsiveDesignView.css
+++ b/Source/devtools/front_end/responsiveDesignView.css
@@ -36,16 +36,18 @@
background-color: lightgray;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background-repeat: no-repeat;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex: 0 1 100px;
}
.responsive-design-slider-width .responsive-design-slider-thumb {
- padding: 44px 5px;
border-radius: 0 3px 3px 0;
border-left: none;
}
.responsive-design-slider-height .responsive-design-slider-thumb {
- padding: 4px 44px;
border-radius: 0 0 3px 3px;
border-top: none;
}
« no previous file with comments | « Source/devtools/front_end/ResponsiveDesignView.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698