Bug 1655708 - about:telemetry categories have no icons r=janerik

This will ensure that the don't disappear when the window gets narrow.

Also, I've tweaked some styles so the spacing works better without icons.

Differential Revision: https://phabricator.services.mozilla.com/D85170
This commit is contained in:
Chris H-C 2020-07-28 15:19:08 +00:00
parent 0ef0a01f92
commit 6a4961efee
2 changed files with 23 additions and 17 deletions

View File

@ -116,6 +116,12 @@ body {
min-height: 42px;
}
#categories > .category.category-no-icon {
margin-inline-start: 0;
margin-inline-end: 0;
width: auto;
}
.category-name {
padding: 9px 0;
vertical-align: middle;

View File

@ -29,55 +29,55 @@
<span id="newer-ping" data-l10n-id="about-telemetry-next-ping"></span>
</div>
</div>
<div id="category-home" class="category has-data selected" value="home-section">
<div id="category-home" class="category category-no-icon has-data selected" value="home-section">
<span class="category-name" data-l10n-id="about-telemetry-home-section"></span>
</div>
<div class="category" value="general-data-section">
<div class="category category-no-icon" value="general-data-section">
<span class="category-name" data-l10n-id="about-telemetry-general-data-section"></span>
</div>
<div class="category" value="environment-data-section">
<div class="category category-no-icon" value="environment-data-section">
<span class="category-name" data-l10n-id="about-telemetry-environment-data-section"></span>
</div>
<div class="category" value="session-info-section">
<div class="category category-no-icon" value="session-info-section">
<span class="category-name" data-l10n-id="about-telemetry-session-info-section"></span>
</div>
<div class="category" value="scalars-section">
<div class="category category-no-icon" value="scalars-section">
<span class="category-name" data-l10n-id="about-telemetry-scalar-section"></span>
</div>
<div class="category" value="keyed-scalars-section">
<div class="category category-no-icon" value="keyed-scalars-section">
<span class="category-name" data-l10n-id="about-telemetry-keyed-scalar-section"></span>
</div>
<div class="category" value="histograms-section">
<div class="category category-no-icon" value="histograms-section">
<span class="category-name" data-l10n-id="about-telemetry-histograms-section"></span>
</div>
<div class="category" value="keyed-histograms-section">
<div class="category category-no-icon" value="keyed-histograms-section">
<span class="category-name" data-l10n-id="about-telemetry-keyed-histogram-section"></span>
</div>
<div class="category" value="events-section">
<div class="category category-no-icon" value="events-section">
<span class="category-name" data-l10n-id="about-telemetry-events-section"></span>
</div>
<div class="category" value="simple-measurements-section">
<div class="category category-no-icon" value="simple-measurements-section">
<span class="category-name" data-l10n-id="about-telemetry-simple-measurements-section"></span>
</div>
<div class="category" value="slow-sql-section">
<div class="category category-no-icon" value="slow-sql-section">
<span class="category-name" data-l10n-id="about-telemetry-slow-sql-section"></span>
</div>
<div class="category" value="addon-details-section">
<div class="category category-no-icon" value="addon-details-section">
<span class="category-name" data-l10n-id="about-telemetry-addon-details-section"></span>
</div>
<div class="category" value="captured-stacks-section">
<div class="category category-no-icon" value="captured-stacks-section">
<span class="category-name" data-l10n-id="about-telemetry-captured-stacks-section"></span>
</div>
<div class="category" value="late-writes-section">
<div class="category category-no-icon" value="late-writes-section">
<span class="category-name" data-l10n-id="about-telemetry-late-writes-section"></span>
</div>
<div class="category" value="origin-telemetry-section">
<div class="category category-no-icon" value="origin-telemetry-section">
<span class="category-name" data-l10n-id="about-telemetry-origin-section"></span>
</div>
<div class="category has-data" value="raw-payload-section">
<div class="category category-no-icon has-data" value="raw-payload-section">
<span class="category-name" data-l10n-id="about-telemetry-raw-payload-section"></span>
</div>
<div id="category-raw" class="category has-data" value="raw-json-viewer">
<div id="category-raw" class="category category-no-icon has-data" value="raw-json-viewer">
<span class="category-name" data-l10n-id="about-telemetry-raw"></span>
</div>
</div>