mirror of
https://github.com/SigNoz/signoz.git
synced 2026-04-25 13:20:24 +01:00
feea9e9b36
Some checks are pending
build-staging / prepare (push) Waiting to run
build-staging / js-build (push) Blocked by required conditions
build-staging / go-build (push) Blocked by required conditions
build-staging / staging (push) Blocked by required conditions
Release Drafter / update_release_draft (push) Waiting to run
* refactor: remove light mode styles from various components and update color variables * fix: remove hardcoded background in celery
200 lines
3.9 KiB
SCSS
200 lines
3.9 KiB
SCSS
.sa-table-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.sa-table {
|
|
.ant-table {
|
|
background: transparent;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.ant-table-container {
|
|
border-radius: 0 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.ant-table-thead {
|
|
> tr > th,
|
|
> tr > td {
|
|
background: var(--l1-background);
|
|
font-size: var(--paragraph-small-600-font-size);
|
|
font-weight: var(--paragraph-small-600-font-weight);
|
|
line-height: var(--paragraph-small-600-line-height);
|
|
letter-spacing: 0.44px;
|
|
text-transform: uppercase;
|
|
color: var(--foreground);
|
|
padding: var(--padding-2) var(--padding-4);
|
|
border-bottom: none !important;
|
|
border-top: none !important;
|
|
|
|
&::before {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ant-table-tbody {
|
|
> tr > td {
|
|
border-bottom: none !important;
|
|
padding: var(--padding-2) var(--padding-4);
|
|
background: transparent;
|
|
transition: none;
|
|
}
|
|
|
|
> tr.sa-table-row--tinted > td {
|
|
background: color-mix(in srgb, var(--bg-robin-200) 2%, transparent);
|
|
}
|
|
|
|
> tr:hover > td {
|
|
background: color-mix(
|
|
in srgb,
|
|
var(--bg-robin-200) 4%,
|
|
transparent
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
.ant-table-wrapper,
|
|
.ant-table-container,
|
|
.ant-spin-nested-loading,
|
|
.ant-spin-container {
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.sa-name-column {
|
|
.ant-table-column-sorters {
|
|
justify-content: flex-start;
|
|
gap: var(--spacing-2);
|
|
}
|
|
|
|
.ant-table-column-title {
|
|
flex: none;
|
|
}
|
|
}
|
|
|
|
.sa-status-cell {
|
|
[data-slot='badge'] {
|
|
padding: var(--padding-1) var(--padding-2);
|
|
align-items: center;
|
|
font-size: var(--uppercase-small-500-font-size);
|
|
font-weight: var(--uppercase-small-500-font-weight);
|
|
line-height: 100%;
|
|
letter-spacing: 0.44px;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sa-name-email-cell {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-2);
|
|
height: 22px;
|
|
overflow: hidden;
|
|
|
|
.sa-name {
|
|
font-size: var(--paragraph-base-500-font-size);
|
|
font-weight: var(--paragraph-base-500-font-weight);
|
|
color: var(--foreground);
|
|
line-height: var(--paragraph-base-500-line-height);
|
|
letter-spacing: -0.07px;
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.sa-email {
|
|
font-size: var(--paragraph-base-400-font-size);
|
|
font-weight: var(--paragraph-base-400-font-weight);
|
|
color: var(--l3-foreground-hover);
|
|
line-height: var(--paragraph-base-400-line-height);
|
|
letter-spacing: -0.07px;
|
|
flex: 1 0 0;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.sa-roles-cell {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--spacing-2);
|
|
}
|
|
|
|
.sa-dash {
|
|
font-size: var(--paragraph-base-400-font-size);
|
|
color: var(--l3-foreground-hover);
|
|
}
|
|
|
|
.sa-empty-state {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: var(--padding-12) var(--padding-4);
|
|
gap: var(--spacing-4);
|
|
color: var(--foreground);
|
|
|
|
&__icon {
|
|
color: var(--l2-foreground);
|
|
}
|
|
|
|
&__text {
|
|
font-size: var(--paragraph-base-400-font-size);
|
|
font-weight: var(--paragraph-base-400-font-weight);
|
|
color: var(--foreground);
|
|
margin: 0;
|
|
line-height: var(--paragraph-base-400-line-height);
|
|
|
|
strong {
|
|
font-weight: var(--font-weight-medium);
|
|
color: var(--l1-foreground);
|
|
}
|
|
}
|
|
}
|
|
|
|
.sa-table-pagination {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding: var(--padding-2) var(--padding-4);
|
|
|
|
.ant-pagination-total-text {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sa-pagination-range {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
.sa-pagination-total {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--foreground);
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.sa-tooltip {
|
|
.ant-tooltip-inner {
|
|
background-color: var(--l1-border);
|
|
color: var(--foreground);
|
|
font-size: var(--font-size-xs);
|
|
line-height: normal;
|
|
padding: var(--padding-2) var(--padding-3);
|
|
border-radius: 4px;
|
|
text-align: left;
|
|
}
|
|
|
|
.ant-tooltip-arrow-content {
|
|
background-color: var(--l1-border);
|
|
}
|
|
}
|