Files
brk/website/styles/dashboard.css

84 lines
2.0 KiB
CSS

#dashboard {
z-index: 50;
margin: -0.5px calc(-1.5rem - 1px);
display: flex;
> details {
> summary {
margin: -0.5px;
display: block;
padding: 0.5rem 1.5rem;
text-align: left;
border: 1px;
details[open] > & {
border-bottom-style: dashed !important;
border-bottom-width: 1px;
}
}
> div {
border: 1px;
border-top-width: 0px;
margin: -0.5px;
width: calc(100% + 1px);
padding: 0.375rem 1.5rem;
summary,
td {
padding: 0.125rem 0;
}
details {
summary {
color: var(--off-color);
&:hover {
color: var(--orange);
}
}
div {
width: 100%;
padding-left: 0.75rem;
border-left-width: 1px;
border-left-style: dashed !important;
}
}
table {
width: 100%;
table-layout: auto;
tr {
width: 100%;
&:not(:has(details)) {
&:hover,
&:hover * {
color: var(--orange) !important;
}
}
td {
text-align: right;
&:first-child {
text-align: left;
color: var(--off-color);
}
> a {
color: var(--off-color);
}
> i {
color: var(--off-color);
}
}
}
}
}
}
}