--row-hover-background-color: #544400;
}
+/*
+ * DE-XUL: Set a sidebar width because inline XUL components will cause the flex
+ * to overflow if dynamically sized.
+ */
+.performance-tool {
+ --sidebar-width: 185px;
+}
+
/**
* A generic class to hide elements, replacing the `element.hidden` attribute
* that we use to hide elements that can later be active
/* Recording buttons */
#recordings-controls {
- background-color: #9C9CFF;
+/* background-color: #9C9CFF;*/
+ display: flex;
+}
+
+#recording-controls-mount,
+#recording-controls-mount > div,
+#recording-controls-mount > div > .devtools-toolbar {
+ display: flex;
+ flex: 1 1 auto;
}
#clear-button::before {
padding: 5px !important;
}
-.notice-container .record-button[checked],
-.notice-container .record-button[checked] {
+.notice-container .record-button.checked,
+.notice-container .record-button.checked {
color: var(--theme-selection-color) !important;
background: var(--theme-selection-background) !important;
}
-.record-button[locked] {
- pointer-events: none;
- opacity: 0.5;
-}
-
/* Sidebar & recording items */
#recordings-pane {
border-inline-end: 1px solid var(--theme-splitter-color);
+ width: var(--sidebar-width);
+}
+
+#recording-controls-mount {
+ width: var(--sidebar-width);
+}
+
+#recording-controls-mount > div {
+ width: var(--sidebar-width);
+}
+
+/*
+ * DE-XUL: The height of the toolbar is not correct without tweaking the line-height.
+ */
+#recordings-pane .devtools-toolbar {
+ line-height: 0;
}
#recordings-list {