New: Styled the Playback Reporting section of the Dashboard (i.e., top bar and table)

New: This also fixes many visual glitches in the Experimental layout, togglable in Display Mode setting.
This commit is contained in:
lscambo13
2025-03-15 12:04:19 -07:00
parent 1ed5c6600e
commit 295cc105cd

View File

@@ -2307,4 +2307,48 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
list-style-type: circle;
margin-bottom: .5em;
font-family: "Math", serif;
}
/* .MuiTabs-root>.MuiTabs-scroller>.MuiTabs-indicator */
.MuiTabs-indicator {
display: none;
}
.MuiTabs-root>.MuiTabs-scroller {
align-content: center;
}
.MuiTabs-flexContainer>.MuiButtonBase-root {
border-radius: var(--largeRadius);
min-height: 40px;
min-width: 72px;
}
.MuiTabs-flexContainer>.MuiButtonBase-root.Mui-selected,
.MuiToggleButtonGroup-grouped.Mui-selected {
color: white;
/* background-color: var(--selectorBackgroundColor) !important; */
/* font-weight: 550; */
background-color: transparent !important;
}
.MuiButtonBase-root.MuiIconButton-root:hover {
color: white;
background-color: transparent;
}
table {
border-color: var(--borderColor) !important;
border-radius: var(--smallRadius);
/* border-spacing: 14px; */
border: var(--defaultBorder);
background: var(--selectorBackgroundColorAlpha);
}
.detailTableBodyRow-shaded:nth-child(odd) {
background: var(--darkerGradientPointAlpha);
}
.detailTableBodyRow-shaded:nth-child(even) {
background: var(--lighterGradientPointAlpha);
}