rentgen/sidebar/stolen-data-cluster.scss
2022-01-21 00:00:29 +01:00

144 lines
3.3 KiB
SCSS

@import './colors.scss';
.stolen-data-cluster-container {
.domains-container {
padding-top: 0.5rem;
display: flex;
flex-flow: column;
border-bottom: none;
.domain {
color: $mid-grey;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
}
.subdomains-container {
.subdomain {
color: $blue;
font-size: 0.75rem;
font-weight: 600;
text-decoration: none;
}
}
}
section {
padding-bottom: 0.5rem;
border-bottom: 1px solid $light-grey;
}
table {
width: 100%;
position: relative;
left: -1px;
text-align: left;
font-size: 0.75rem;
font-family: 'Fira Code';
border-collapse: separate;
border-spacing: 1px;
tr {
vertical-align: middle;
line-height: 1rem;
&:hover {
background-color: $icd-yellow;
color: $mid-grey !important;
cursor: pointer;
}
&.untoggled {
color: $disabled-grey;
font-weight: 500;
}
&.toggled {
font-weight: 600;
color: $mid-grey;
th {
font-weight: 600;
}
}
th {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
word-wrap: normal;
word-break: normal;
padding-left: 0.25rem;
font-weight: 500;
vertical-align: middle;
width: 10rem;
min-width: 10rem;
max-width: 10rem;
}
}
.value {
overflow: hidden;
word-break: break-all;
text-overflow: clip;
padding-left: 0.25rem;
}
.icons {
white-space: nowrap;
padding: 0 0.25rem;
position: relative;
top: 2px;
max-width: 10%;
min-width: 5%;
.cookie-data {
path {
fill: $mid-grey;
}
}
.request-with-cookie {
path {
fill: $mid-grey;
}
}
.show-history-part {
path {
fill: $mid-grey;
}
}
.request-with-history-part {
path {
fill: $mid-grey;
}
}
}
.table-header {
color: $mid-grey;
font-size: 0.75rem;
font-weight: 600;
padding: 0.5rem 0;
text-align: left;
cursor: default;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
sans-serif;
&:hover {
background: #fff;
}
}
.checkbox {
position: relative;
top: 1px;
width: 0.875rem;
input {
cursor: pointer;
}
}
}
}