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

Unified Diff: Source/devtools/front_end/elements/elementsPanel.css

Issue 1149373004: Devtools: Extensible toolbar in SSP (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Fix test Created 5 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/elements/elementsPanel.css
diff --git a/Source/devtools/front_end/elements/elementsPanel.css b/Source/devtools/front_end/elements/elementsPanel.css
index 5de02d1166923f3de206fc95a7f40369b4714abd..b4c5d9b6206296e9cac83c09b3b6139374d71087 100644
--- a/Source/devtools/front_end/elements/elementsPanel.css
+++ b/Source/devtools/front_end/elements/elementsPanel.css
@@ -399,14 +399,43 @@
.styles-element-state-pane {
overflow: hidden;
- margin-top: -56px;
padding-top: 18px;
height: 56px;
- -webkit-transition: margin-top 0.1s ease-in-out;
padding-left: 2px;
+ border-bottom: 1px solid rgb(189, 189, 189);
+}
+
+@keyframes styles-element-state-pane-slidein {
+ from {
+ margin-top: -56px;
+ }
+ to {
+ margin-top: 0px;
+ }
+}
+
+@keyframes styles-element-state-pane-slideout {
+ from {
+ margin-top: 0px;
+ }
+ to {
+ margin-top: -56px;
+ }
+}
+
+.styles-sidebar-toolbar-pane {
+ position: relative;
+ animation-duration: 0.1s;
+ animation-direction: normal;
+}
+
+.styles-sidebar-toolbar-pane-container {
+ position: relative;
+ max-height: 56px;
+ overflow: hidden;
}
-.styles-element-state-pane.expanded {
+.styles-element-state-pane.visible {
border-bottom: 1px solid rgb(189, 189, 189);
margin-top: 0;
}
@@ -421,19 +450,14 @@
margin: 1px;
}
-.styles-animations-controls-pane {
- overflow: hidden;
- -webkit-transition: height 0.1s ease-out;
- height: 0;
-}
-
.styles-animations-controls-pane > * {
margin: 6px 4px;
}
-.styles-animations-controls-pane.expanded {
+.styles-animations-controls-pane {
border-bottom: 1px solid rgb(189, 189, 189);
height: 56px;
+ overflow: hidden;
}
.animations-controls {
« no previous file with comments | « Source/devtools/front_end/elements/StylesSidebarPane.js ('k') | Source/devtools/front_end/elements/module.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698