rentgen/components/sidebar/stolen-data-cluster.scss

144 lines
3.5 KiB
SCSS
Raw Normal View History

@import '../../styles/colors.scss';
2022-01-20 19:03:03 +01:00
.stolen-data-cluster-container {
.domains-container {
2022-01-20 19:49:27 +01:00
padding-top: 0.5rem;
2022-01-20 19:03:03 +01:00
display: flex;
flex-flow: column;
border-bottom: none;
.domain {
2022-02-02 10:33:09 +01:00
color: $ultra-black-color;
2022-01-20 19:03:03 +01:00
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;
2022-01-20 19:49:27 +01:00
left: -1px;
2022-01-20 19:03:03 +01:00
text-align: left;
font-size: 0.75rem;
font-family: 'Fira Code';
border-collapse: separate;
border-spacing: 1px;
tr {
vertical-align: middle;
2022-01-21 00:00:29 +01:00
line-height: 1rem;
2022-01-20 19:03:03 +01:00
&.untoggled {
2022-02-02 10:33:09 +01:00
color: $black-color;
2022-01-20 19:03:03 +01:00
font-weight: 500;
}
&.toggled {
2022-02-02 10:33:09 +01:00
font-weight: 500;
color: $ultra-black-color;
background-color: $highlight-color;
2022-01-20 19:03:03 +01:00
th {
2022-02-02 10:33:09 +01:00
font-weight: 500;
2022-01-20 19:03:03 +01:00
}
}
2022-02-02 10:33:09 +01:00
&:hover {
background-color: $icd-rentgen-color !important;
color: $ultra-black-color !important;
cursor: pointer;
}
2022-01-20 19:03:03 +01:00
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;
2022-01-21 00:00:29 +01:00
padding-left: 0.25rem;
2022-01-20 19:03:03 +01:00
}
.icons {
white-space: nowrap;
padding: 0 0.25rem;
position: relative;
top: 2px;
2022-01-21 00:00:29 +01:00
max-width: 10%;
min-width: 5%;
2022-01-20 19:03:03 +01:00
.cookie-data {
path {
2022-02-02 10:33:09 +01:00
fill: $ultra-black-color;
2022-01-20 19:03:03 +01:00
}
}
.request-with-cookie {
path {
2022-02-02 10:33:09 +01:00
fill: $ultra-black-color;
2022-01-20 19:03:03 +01:00
}
}
.show-history-part {
path {
2022-02-02 10:33:09 +01:00
fill: $ultra-black-color;
2022-01-20 19:03:03 +01:00
}
}
.request-with-history-part {
path {
2022-02-02 10:33:09 +01:00
fill: $ultra-black-color;
2022-01-20 19:03:03 +01:00
}
}
}
.table-header {
2022-02-02 10:33:09 +01:00
color: $ultra-black-color;
2022-01-20 19:03:03 +01:00
font-size: 0.75rem;
font-weight: 600;
padding: 0.5rem 0;
text-align: left;
2022-01-20 19:49:27 +01:00
cursor: default;
2022-02-02 10:33:09 +01:00
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
2022-01-20 19:03:03 +01:00
&:hover {
background: #fff;
}
}
2022-01-20 19:49:27 +01:00
2022-01-20 19:03:03 +01:00
.checkbox {
position: relative;
top: 1px;
width: 0.875rem;
2022-01-20 19:49:27 +01:00
input {
cursor: pointer;
}
2022-01-20 19:03:03 +01:00
}
}
}