#record-button {
list-style-image: url("profiler-stopwatch.svg");
+ min-width: 24px;
}
#record-button[checked] {
visibility: hidden;
}
+#memory-checkbox .checkbox-label {
+ line-height: 100%;
+}
+
+#filter-button {
+ list-style-image: url(timeline-filter.svg#filter);
+ min-width: 24px;
+}
+
+#filter-button[disabled] {
+ list-style-image: url(timeline-filter.svg#filter-disabled);
+}
+
+#filter-button:not([disabled]):hover,
+#filter-button[open] {
+ list-style-image: url(timeline-filter.svg#filter-open);
+}
+
+#timelineFilterPopup > menuitem:before {
+ content: "";
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 8px;
+ border: 1px solid;
+ border-radius: 1px;
+ background-color: var(--bullet-bg);
+ border-color: var(--bullet-border);
+}
+
.notice-container {
font-size: 120%;
padding-bottom: 35vh;
pointer-events: none;
}
-.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
- background-color: rgba(255,255,255,0.03);
-}
-
-.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
- background-color: rgba(128,128,128,0.03);
+.waterfall-marker-container:not([is-spacer]):nth-child(2n) {
+ background-color: var(--theme-contrast-background);
}
-.theme-dark .waterfall-marker-container:hover {
- background-color: rgba(255,255,255,0.1) !important;
-}
-
-.theme-light .waterfall-marker-container:hover {
- background-color: rgba(128,128,128,0.1) !important;
+.waterfall-marker-container:hover {
+ background-color: var(--theme-hover-background) !important;
+ color: var(--theme-hover-color) !important;
}
.waterfall-marker-item {
.waterfall-sidebar {
-moz-border-end: 1px solid;
-}
-.waterfall-sidebar {
-moz-border-end-color: #9C9CFF;
}
.waterfall-marker-container.selected .waterfall-marker-bullet,
.waterfall-marker-container.selected .waterfall-marker-bar {
- border-color: initial!important;
+ border-color: initial !important;
+}
+
+.waterfall-marker-location {
+ color: #3333FF;
+}
+
+.waterfall-marker-location:hover,
+.waterfall-marker-location:focus {
+ text-decoration: underline;
}
#timeline-waterfall-details {
-moz-padding-start: 8px;
-moz-padding-end: 8px;
- padding-top: 8vh;
+ padding-top: 2vh;
overflow: auto;
}
.marker-details-bullet {
width: 8px;
height: 8px;
- margin: 0 8px;
border: 1px solid;
border-radius: 1px;
}
-.marker-details-start,
-.marker-details-end,
-.marker-details-duration {
+#timeline-waterfall-details > * {
padding-top: 3px;
}