projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
second (small) part of syncing LCARStrek with Firefox 51 browser windows theme changes
[themes.git]
/
LCARStrek
/
devtools
/
performance.css
diff --git
a/LCARStrek/devtools/performance.css
b/LCARStrek/devtools/performance.css
index 1ead491870e952cf6bdd75d3416fce00fa961d45..d27599875ea9e31ca74037c1f2df184bc857b028 100644
(file)
--- a/
LCARStrek/devtools/performance.css
+++ b/
LCARStrek/devtools/performance.css
@@
-11,7
+11,6
@@
--focus-cell-border-color: #9C9CFF;
--row-alt-background-color: #403400;
--row-hover-background-color: #544400;
--focus-cell-border-color: #9C9CFF;
--row-alt-background-color: #403400;
--row-hover-background-color: #544400;
- --filter-image: url(chrome://devtools/skin/images/timeline-filter.svg);
}
/**
}
/**
@@
-27,19
+26,19
@@
/* Toolbar */
#performance-toolbar-control-other {
/* Toolbar */
#performance-toolbar-control-other {
-
-moz-padding
-end: 5px;
+
padding-inline
-end: 5px;
}
#performance-toolbar-controls-detail-views .toolbarbutton-text {
}
#performance-toolbar-controls-detail-views .toolbarbutton-text {
-
-moz-padding
-start: 4px;
-
-moz-padding
-end: 8px;
+
padding-inline
-start: 4px;
+
padding-inline
-end: 8px;
}
#filter-button {
}
#filter-button {
- list-style-image:
var(--filter-image
);
+ list-style-image:
url(images/filter.svg
);
}
}
-#performance-filter-menupopup > menuitem
:before
{
+#performance-filter-menupopup > menuitem
.menu-iconic-left::after
{
content: "";
display: block;
width: 8px;
content: "";
display: block;
width: 8px;
@@
-71,17
+70,27
@@
/* Recording buttons */
#recordings-controls {
/* 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 {
background-image: var(--clear-icon-url);
}
}
#clear-button::before {
background-image: var(--clear-icon-url);
}
+#main-record-button > image,
#main-record-button::before {
background-image: url(images/profiler-stopwatch-tbutton.svg);
}
#main-record-button::before {
background-image: url(images/profiler-stopwatch-tbutton.svg);
}
+#import-button > image,
#import-button::before {
background-image: url(images/import.svg);
}
#import-button::before {
background-image: url(images/import.svg);
}
@@
-275,13
+284,13
@@
text-overflow: ellipsis;
padding: 1px 4px;
color: var(--theme-body-color);
text-overflow: ellipsis;
padding: 1px 4px;
color: var(--theme-body-color);
-
-moz-border
-end-color: var(--cell-border-color);
+
border-inline
-end-color: var(--cell-border-color);
}
.call-tree-header:not(:last-child),
.call-tree-cell:not(:last-child) {
}
.call-tree-header:not(:last-child),
.call-tree-cell:not(:last-child) {
-
-moz-border
-end-width: 1px;
-
-moz-border
-end-style: solid;
+
border-inline
-end-width: 1px;
+
border-inline
-end-style: solid;
}
.call-tree-header:not(:last-child) {
}
.call-tree-header:not(:last-child) {
@@
-329,7
+338,7
@@
}
.call-tree-item:focus .call-tree-cell {
}
.call-tree-item:focus .call-tree-cell {
-
-moz-border
-end-color: var(--focus-cell-border-color);
+
border-inline
-end-color: var(--focus-cell-border-color);
}
.call-tree-item:not([origin="content"]) .call-tree-name,
}
.call-tree-item:not([origin="content"]) .call-tree-name,
@@
-341,7
+350,7
@@
}
.call-tree-name {
}
.call-tree-name {
-
-moz-margin
-end: 4px !important;
+
margin-inline
-end: 4px !important;
}
.call-tree-url {
}
.call-tree-url {
@@
-366,7
+375,7
@@
}
.call-tree-host {
}
.call-tree-host {
-
-moz-margin
-start: 8px !important;
+
margin-inline
-start: 8px !important;
font-size: 90%;
color: var(--theme-content-color2);
}
font-size: 90%;
color: var(--theme-content-color2);
}
@@
-397,7
+406,7
@@
}
.waterfall-header-tick:not(:first-child) {
}
.waterfall-header-tick:not(:first-child) {
-
-moz-margin
-start: -100px !important; /* Don't affect layout. */
+
margin-inline
-start: -100px !important; /* Don't affect layout. */
}
.waterfall-background-ticks {
}
.waterfall-background-ticks {
@@
-468,7
+477,7
@@
*/
.waterfall-sidebar {
*/
.waterfall-sidebar {
-
-moz-border
-end: 1px solid var(--cell-border-color);
+
border-inline
-end: 1px solid var(--cell-border-color);
}
.waterfall-tree-item > .waterfall-sidebar:hover,
}
.waterfall-tree-item > .waterfall-sidebar:hover,
@@
-480,8
+489,8
@@
.waterfall-marker-bullet {
width: 8px;
height: 8px;
.waterfall-marker-bullet {
width: 8px;
height: 8px;
-
-moz-margin
-start: 8px;
-
-moz-margin
-end: 6px;
+
margin-inline
-start: 8px;
+
margin-inline
-end: 6px;
border-radius: 1px;
}
border-radius: 1px;
}
@@
-507,7
+516,7
@@
.waterfall-marker > .theme-twisty {
/* Don't affect layout. */
width: 14px;
.waterfall-marker > .theme-twisty {
/* Don't affect layout. */
width: 14px;
-
-moz-margin
-end: -14px;
+
margin-inline
-end: -14px;
}
/**
}
/**
@@
-526,8
+535,8
@@
*/
#waterfall-details {
*/
#waterfall-details {
-
-moz-padding
-start: 8px;
-
-moz-padding
-end: 8px;
+
padding-inline
-start: 8px;
+
padding-inline
-end: 8px;
padding-top: 2vh;
overflow: auto;
min-width: 50px;
padding-top: 2vh;
overflow: auto;
min-width: 50px;
@@
-544,7
+553,7
@@
}
.marker-details-name-label {
}
.marker-details-name-label {
-
-moz-padding
-end: 4px;
+
padding-inline
-end: 4px;
}
.marker-details-type {
}
.marker-details-type {
@@
-565,52
+574,52
@@
* Marker colors
*/
* Marker colors
*/
-menuitem.marker-color-graphs-full-red
:before
,
+menuitem.marker-color-graphs-full-red
.menu-iconic-left::after
,
.marker-color-graphs-full-red {
background-color: var(--theme-graphs-full-red);
border-color: var(--theme-graphs-full-red);
}
.marker-color-graphs-full-red {
background-color: var(--theme-graphs-full-red);
border-color: var(--theme-graphs-full-red);
}
-menuitem.marker-color-graphs-full-blue
:before
,
+menuitem.marker-color-graphs-full-blue
.menu-iconic-left::after
,
.marker-color-graphs-full-blue {
background-color: var(--theme-graphs-full-blue);
border-color: var(--theme-graphs-full-blue);
}
.marker-color-graphs-full-blue {
background-color: var(--theme-graphs-full-blue);
border-color: var(--theme-graphs-full-blue);
}
-menuitem.marker-color-graphs-green
:before
,
+menuitem.marker-color-graphs-green
.menu-iconic-left::after
,
.marker-color-graphs-green {
background-color: var(--theme-graphs-green);
border-color: var(--theme-graphs-green);
}
.marker-color-graphs-green {
background-color: var(--theme-graphs-green);
border-color: var(--theme-graphs-green);
}
-menuitem.marker-color-graphs-blue
:before
,
+menuitem.marker-color-graphs-blue
.menu-iconic-left::after
,
.marker-color-graphs-blue {
background-color: var(--theme-graphs-blue);
border-color: var(--theme-graphs-blue);
}
.marker-color-graphs-blue {
background-color: var(--theme-graphs-blue);
border-color: var(--theme-graphs-blue);
}
-menuitem.marker-color-graphs-bluegrey
:before
,
+menuitem.marker-color-graphs-bluegrey
.menu-iconic-left::after
,
.marker-color-graphs-bluegrey {
background-color: var(--theme-graphs-bluegrey);
border-color: var(--theme-graphs-bluegrey);
}
.marker-color-graphs-bluegrey {
background-color: var(--theme-graphs-bluegrey);
border-color: var(--theme-graphs-bluegrey);
}
-menuitem.marker-color-graphs-purple
:before
,
+menuitem.marker-color-graphs-purple
.menu-iconic-left::after
,
.marker-color-graphs-purple {
background-color: var(--theme-graphs-purple);
border-color: var(--theme-graphs-purple);
}
.marker-color-graphs-purple {
background-color: var(--theme-graphs-purple);
border-color: var(--theme-graphs-purple);
}
-menuitem.marker-color-graphs-yellow
:before
,
+menuitem.marker-color-graphs-yellow
.menu-iconic-left::after
,
.marker-color-graphs-yellow {
background-color: var(--theme-graphs-yellow);
border-color: var(--theme-graphs-yellow);
}
.marker-color-graphs-yellow {
background-color: var(--theme-graphs-yellow);
border-color: var(--theme-graphs-yellow);
}
-menuitem.marker-color-graphs-orange
:before
,
+menuitem.marker-color-graphs-orange
.menu-iconic-left::after
,
.marker-color-graphs-orange {
background-color: var(--theme-graphs-orange);
border-color: var(--theme-graphs-orange);
}
.marker-color-graphs-orange {
background-color: var(--theme-graphs-orange);
border-color: var(--theme-graphs-orange);
}
-menuitem.marker-color-graphs-red
:before
,
+menuitem.marker-color-graphs-red
.menu-iconic-left::after
,
.marker-color-graphs-red {
background-color: var(--theme-graphs-red);
border-color: var(--theme-graphs-red);
}
.marker-color-graphs-red {
background-color: var(--theme-graphs-red);
border-color: var(--theme-graphs-red);
}
-menuitem.marker-color-graphs-grey
:before
,
+menuitem.marker-color-graphs-grey
.menu-iconic-left::after
,
.marker-color-graphs-grey{
background-color: var(--theme-graphs-grey);
border-color: var(--theme-graphs-grey);
.marker-color-graphs-grey{
background-color: var(--theme-graphs-grey);
border-color: var(--theme-graphs-grey);