summaryrefslogtreecommitdiffstats
path: root/devtools/client/themes/aboutprofiling.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /devtools/client/themes/aboutprofiling.css
parentInitial commit. (diff)
downloadfirefox-esr-upstream.tar.xz
firefox-esr-upstream.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/themes/aboutprofiling.css')
-rw-r--r--devtools/client/themes/aboutprofiling.css185
1 files changed, 185 insertions, 0 deletions
diff --git a/devtools/client/themes/aboutprofiling.css b/devtools/client/themes/aboutprofiling.css
new file mode 100644
index 0000000000..c403e86b02
--- /dev/null
+++ b/devtools/client/themes/aboutprofiling.css
@@ -0,0 +1,185 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.perf {
+ max-width: 670px;
+ margin: 10vh auto;
+ padding: 0 5%;
+}
+
+/* This styling was originally taken from the about:preferences page. */
+h1 {
+ margin: 0 0 8px;
+ font-size: 1.46em;
+ font-weight: 300;
+ line-height: 1.3em;
+}
+
+/* This styling was originally taken from the about:preferences page. */
+h2 {
+ /* This margin was enlarged */
+ margin: 30px 0 15px;
+ font-size: 1.14em;
+ line-height: normal;
+}
+
+/* Intro */
+
+.perf-intro-row {
+ margin: 1.7em 0;
+ display: flex;
+ line-height: 1.8em;
+ align-items: center;
+}
+
+.perf-intro-icon {
+ width: 4em;
+ height: 4em;
+ margin-inline-end: 1.3em;
+ background-image: url(chrome://devtools/skin/images/tool-profiler.svg);
+ background-size: 100%;
+ -moz-context-properties: fill;
+ fill: currentColor;
+ opacity: 0.5;
+}
+
+/* Shared rules */
+
+.perf-toggle-label {
+ padding: 7px 0;
+ display: grid;
+ grid-template-columns: max-content auto;
+ max-width: max-content;
+}
+
+.perf-toggle-text-label {
+ display: flex;
+ align-items: center;
+}
+
+.perf-toggle-description {
+ font-size: 13px;
+ line-height: 1.8;
+ color: var(--text-color-deemphasized);
+ grid-column: 2;
+}
+
+/* Presets section */
+
+.perf-presets {
+ margin: 2em 0;
+ border-bottom: 1px solid var(--in-content-border-color);
+ padding-bottom: 1em;
+}
+
+/* Features and settings */
+
+.perf-settings-row {
+ display: flex;
+ line-height: 1.8;
+}
+
+.perf-settings-range-row {
+ display: grid;
+ grid-template-columns: 140px 1fr 90px;
+ align-items: center;
+ min-height: 30px;
+}
+
+.perf-settings-range-input {
+ margin: 0;
+}
+
+.perf-settings-range-value {
+ text-align: end;
+}
+
+.perf-settings-thread-columns {
+ display: flex;
+ line-height: 1.3;
+}
+
+.perf-settings-thread-column {
+ flex: 1;
+}
+
+.perf-settings-thread-label {
+ margin-block: 12px;
+}
+
+.perf-settings-all-threads {
+ margin-block: 12px;
+}
+
+.perf-settings-text-label {
+ flex: 1;
+}
+
+.perf-settings-text-input {
+ width: 100%;
+ box-sizing: border-box;
+}
+
+#perftools-settings-thread-text {
+ margin-inline: 0;
+}
+
+.perf-settings-checkbox-label-disabled > :not(input) {
+ /* The checkboxes already get their opacity set to 0.5 in common.inc.css,
+ so only target the text. The descriptions get their text deemphasized,
+ so set a value a bit higher than 0.5 to compensate for that. */
+ opacity: 0.65;
+}
+
+/* Local build section */
+
+.perf-settings-dir-list {
+ box-sizing: border-box;
+ width: 100%;
+ height: 100px;
+ border: 1px solid var(--in-content-border-color);
+ margin: 0;
+ padding: 0;
+ overflow-y: auto;
+ background-color: var(--in-content-box-background);
+}
+
+.perf-settings-dir-list:hover {
+ border-color: var(--in-content-border-hover);
+}
+
+.pref-settings-dir-list-item {
+ display: flex;
+ padding: 3px 5px;
+}
+
+.pref-settings-dir-list-item::before {
+ content: url(chrome://devtools/skin/images/folder.svg);
+ display: inline-flex;
+ align-self: center;
+ width: 12px;
+ height: 12px;
+ margin-inline-end: 5px;
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
+.perf-settings-dir-list-button-group {
+ padding-block: 4px;
+}
+
+.perf-settings-dir-list-button-group > button {
+ margin-inline: 0 8px;
+}
+
+/* Back button */
+
+.perf-back {
+ margin-block-end: 13px;
+}
+
+.perf-back-button {
+ /* Remove the inherited margins */
+ margin-inline: 0;
+}