signal-desktop/stylesheets/webrtc_internals.css
adel-signal 8a9ab8c13f
Add calling tools to visualize ringrtc stats
Co-authored-by: ayumi-signal <ayumi@signal.org>
2024-05-22 17:28:01 -07:00

155 lines
No EOL
2.6 KiB
CSS

/* Copyright 2013 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
.peer-connection-dump-root {
font-size: 0.8em;
padding-bottom: 3px;
}
.update-log-container {
float: left;
width: 50em;
overflow: auto;
}
.update-log-failure {
background-color: #be2026;
}
.stats-graph-container {
clear: both;
margin: 0.5em 0 0.5em 0;
}
.stats-graph-sub-container {
float: left;
margin: 0.5em;
}
.stats-graph-sub-container > div {
float: left;
}
.stats-graph-sub-container > div:first-child {
float: none;
}
.stats-table-container {
float: left;
padding: 0 0 0 0;
overflow: auto;
}
.stats-table-container >div:first-child {
font-size: 0.8em;
font-weight: bold;
text-align: center;
padding: 0 0 1em 0;
}
.stats-table-active-connection {
font-weight: bold;
}
body {
font-family: 'Lucida Grande', sans-serif;
}
table {
border: none;
margin: 0 1em 1em 0;
}
td {
border: none;
font-size: 0.8em;
padding: 0 1em 0.5em 0;
min-width: 10em;
word-break: break-all;
}
table > tr {
vertical-align: top;
}
th {
border: none;
font-size: 0.8em;
padding: 0 0 0.5em 0;
}
.tab-head {
background-color: rgb(220, 220, 220);
margin: 10px 2px 0 2px;
text-decoration: underline;
cursor: pointer;
display: inline-block;
overflow: hidden;
width: 20em;
height: 3em;
}
.active-tab-head {
background-color: turquoise;
font-weight: bold;
}
.tab-body {
border: 1px solid turquoise;
border-top-width: 3px;
padding: 0 10px 500px 10px;
display: none;
}
.active-tab-body {
display: block;
}
.user-media-request-div-class {
background-color: lightgray;
margin: 10px 0 10px 0;
}
.user-media-request-div-class > div {
margin: 5px 0 5px 0;
}
.dumps-info {
max-width: 60em;
}
details[open] details summary {
background-color: rgb(220, 220, 220);
}
.peerconnection-deprecations {
font-weight: bold;
}
.candidategrid tr {
text-align: center;
word-break: break-word;
}
.candidategrid-active {
font-weight: bold;
}
.candidategrid-candidatepair {
background-color: #ccc;
}
.candidategrid-candidatepair td:first-of-type {
text-align: left;
}
.candidategrid-candidate {
background-color: #ddd;
}
.candidategrid-candidate td:first-of-type {
text-align: right;
}