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

Unified Diff: third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css

Issue 1531583004: [DevTools] Improve Device Mode icons. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@toolbar-refactor
Patch Set: test Created 5 years 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: third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css b/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
index 490c0fd075e016fd305d828caa520ae8a23f6e07..ed8533012840439c226ac731072cf0f2fca788eb 100644
--- a/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
+++ b/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
@@ -21,13 +21,25 @@
padding: 0 4px;
}
-.device-mode-toolbar > .toolbar {
+.device-mode-toolbar .toolbar {
padding: 0;
overflow: hidden;
+ flex: auto;
+}
+
+.device-mode-toolbar-left {
+ flex: 0 1000 115px;
+ min-width: 93px;
+}
+
+.device-mode-toolbar-right {
+ flex: 0 1000 115px;
+ min-width: 40px;
+ display: flex;
}
.device-mode-toolbar-middle-container {
- flex: auto;
+ flex: 1 1 120px;
position: relative;
}
@@ -38,7 +50,7 @@
}
.device-mode-toolbar-middle .toolbar {
- flex-shrink: 1;
+ flex: 0 1 auto;
}
.device-mode-toolbar-spacer {
@@ -53,6 +65,7 @@
.device-mode-media-container {
flex: none;
overflow: hidden;
+ box-shadow: inset 0 -1px #ccc;
}
.device-mode-content-area {

Powered by Google App Engine
This is Rietveld 408576698