Bug 1406285 - Part 15: Implement scrollable. r?gl draft
authorDaisuke Akatsuka <dakatsuka@mozilla.com>
Thu, 18 Jan 2018 13:42:19 +0900
changeset 721944 56627ee34d762723d34373514ff4a340babc6f2c
parent 721943 cbd8a13f94144b46deda8a7b8d16854e88ddec25
child 721945 3dd820b95fab12337cce197f1de6d3df7e259dbc
push id96003
push userbmo:dakatsuka@mozilla.com
push dateThu, 18 Jan 2018 05:23:36 +0000
reviewersgl
bugs1406285
milestone59.0a1
Bug 1406285 - Part 15: Implement scrollable. r?gl MozReview-Commit-ID: LRxz4Gs9pEK
devtools/client/themes/animation.css
--- a/devtools/client/themes/animation.css
+++ b/devtools/client/themes/animation.css
@@ -14,16 +14,28 @@
 :root.theme-dark {
   --animation-even-background-color: rgba(255, 255, 255, 0.05);
 }
 
 :root.theme-firebug {
   --command-pick-image: url(chrome://devtools/skin/images/firebug/command-pick.svg);
 }
 
+/* Root element of animation inspector */
+#animation-container {
+  height: 100%;
+}
+
+/* Animation List Container */
+.animation-list-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 /* Animation List Header */
 .animation-list-header {
   display: flex;
   justify-content: flex-end;
   padding: 0;
 }
 
 /* Animation Timeline Tick List */
@@ -36,18 +48,20 @@
 .animation-timeline-tick-item {
   border-left: 0.5px solid rgba(128, 136, 144, .5);
   height: 100vh;
   position: absolute;
 }
 
 /* Animation List */
 .animation-list {
+  flex: 1;
   list-style-type: none;
   margin-top: 0;
+  overflow: auto;
   padding: 0;
 }
 
 /* Animation Item */
 .animation-item {
   display: flex;
   height: 30px;
 }