rentgen/components/sidebar/stolen-data-cluster.scss
2022-05-02 13:46:53 +02:00

150 lines
3.6 KiB
SCSS

@import '../../styles/colors.scss';
.stolen-data-cluster-container {
.domains-container {
padding-top: 0.5rem;
display: flex;
flex-flow: column;
border-bottom: none;
.domain-checkbox {
margin-right: 0.5rem;
width: 0.875rem;
}
.domain {
color: $ultra-black-color;
font-size: 0.875rem;
font-weight: 600;
text-decoration: underline;
}
.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;
&.untoggled {
color: $black-color;
font-weight: 500;
}
&.toggled {
font-weight: 500;
color: $ultra-black-color;
background-color: $highlight-color;
th {
font-weight: 500;
}
}
&:hover {
background-color: $icd-rentgen-color !important;
color: $ultra-black-color !important;
cursor: pointer;
}
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;
padding-right: 0.25rem;
}
.icons {
white-space: nowrap;
padding: 0 0.25rem;
position: relative;
top: 2px;
max-width: 10%;
min-width: 5%;
.cookie-data {
path {
fill: $ultra-black-color;
}
}
.request-with-cookie {
path {
fill: $ultra-black-color;
}
}
.show-history-part {
path {
fill: $ultra-black-color;
}
}
.request-with-history-part {
path {
fill: $ultra-black-color;
}
}
}
.table-header {
color: $ultra-black-color;
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;
}
}
}
}