353 lines
7.6 KiB
SCSS
353 lines
7.6 KiB
SCSS
.rsssl-field-wrap {
|
|
.rdt_TableCol, .rdt_TableCell, .rdt_TableCol_Sortable {
|
|
//all text to the left
|
|
flex-direction: row;
|
|
}
|
|
|
|
.rdt_TableCol:first-child, .rdt_TableCell:first-child {
|
|
min-width: initial;
|
|
}
|
|
|
|
.rdt_TableHeadRow {
|
|
.rdt_TableCol:last-child {
|
|
flex-grow: 0;
|
|
flex-direction: row-reverse;
|
|
min-width: initial;
|
|
}
|
|
}
|
|
|
|
.rdt_TableRow {
|
|
&:nth-child(odd) {
|
|
background-color: var(--rsp-grey-200)
|
|
}
|
|
|
|
padding: var(--rsp-spacing-xs) 0;
|
|
|
|
.rdt_TableCell:last-child {
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.rsssl-status-allowed, .rsssl-status-revoked {
|
|
min-width: 110px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
.rsssl-csp-revoked > div:nth-child(-n+3) {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
.rsssl-content_security_policy .rsssl-field-wrap {
|
|
.rdt_TableHeadRow {
|
|
.rdt_TableCol:last-child {
|
|
flex-grow: 0;
|
|
min-width: initial;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.rdt_TableCol:nth-last-child(2) {
|
|
//flex-direction: row-reverse;
|
|
}
|
|
}
|
|
|
|
|
|
.rdt_TableRow {
|
|
.rsssl-status-allowed, .rsssl-status-revoked, .rsssl-learning-mode-delete {
|
|
//margin-right:0;
|
|
}
|
|
|
|
.rdt_TableCell:last-child {
|
|
flex-grow: 0;
|
|
min-width: initial;
|
|
}
|
|
|
|
.rdt_TableCell:nth-last-child(2) {
|
|
//flex-direction: row-reverse;
|
|
//margin-right:10px;
|
|
}
|
|
}
|
|
|
|
.rsssl-csp-revoked > div:nth-child(-n+3) {
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
|
|
//wp-core also adds an svg for the select dropdown, so we hide the one from the react datatables component
|
|
nav.rdt_Pagination > div > svg {
|
|
display: none !important;
|
|
}
|
|
|
|
.rsssl-content_security_policy, .rsssl-xml_rpc {
|
|
.rsssl-field-wrap > div > div {
|
|
overflow-x: inherit;
|
|
overflow-y: inherit;
|
|
}
|
|
}
|
|
|
|
.rsssl-permissions_policy {
|
|
.rdt_TableRow {
|
|
.rdt_TableCell:last-child {
|
|
min-width: fit-content;
|
|
|
|
.components-input-control__container {
|
|
min-width: fit-content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.rsssl-mixed-content-datatable {
|
|
& > div > div {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.rsssl-vulnerabilities_measures {
|
|
.rdt_TableRow .rdt_TableCell:nth-child(3) {
|
|
max-width: 50%;
|
|
}
|
|
}
|
|
|
|
.rsssl-vulnerabilities_overview, .two_fa_users_table, .rsssl-vulnerabilities_measures, .rsssl-limit_login_attempts_country, .rsssl-limit_login_attempts_users, .rsssl-limit_login_attempts_event_log, .rsssl-mixed-content-scan, .rsssl-limit_login_attempts_ip_address, .rsssl-permissions_policy, .rsssl-content_security_policy, .rsssl-two_fa_users, .rsssl-hardening-xml {
|
|
.rsssl-field-wrap {
|
|
margin-left: CALC(-1 * var(--rsp-spacing-l));
|
|
margin-right: CALC(-1 * var(--rsp-spacing-l));
|
|
@media(max-width: $rsp-break-m) { // 1280px
|
|
margin-left: CALC(-1 * var(--rsp-spacing-m));
|
|
margin-right: CALC(-1 * var(--rsp-spacing-m));
|
|
}
|
|
@media(max-width: $rsp-break-s) { // 1280px
|
|
margin-left: CALC(-1 * var(--rsp-spacing-s));
|
|
margin-right: CALC(-1 * var(--rsp-spacing-s));
|
|
}
|
|
//should be s on <1280px
|
|
> .components-base-control, .rsssl-comment,
|
|
//.rsssl-grid-item-content-footer,
|
|
.rsssl-progress-container,
|
|
> div > button,
|
|
.rsssl-learning-mode-footer,
|
|
.rsssl-mixed-content-description,
|
|
.rsssl-current-scan-action {
|
|
margin-left: var(--rsp-spacing-l);
|
|
margin-right: var(--rsp-spacing-l);
|
|
}
|
|
}
|
|
|
|
.rdt_TableCell, .rdt_TableCol {
|
|
&:first-child {
|
|
padding-left: var(--rsp-spacing-l);
|
|
padding-right: var(--rsp-spacing-l);
|
|
}
|
|
|
|
&:last-child {
|
|
padding-right: var(--rsp-spacing-l);
|
|
}
|
|
}
|
|
}
|
|
|
|
.rsssl-search-bar {
|
|
float: right;
|
|
padding: 0;
|
|
}
|
|
|
|
.rsssl-search-bar__inner {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: gray;
|
|
border-radius: 3px;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.rsssl-search-bar__inner:focus-within {
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.rsssl-search-bar__icon {
|
|
/* Add styles for the search icon */
|
|
}
|
|
|
|
.rsssl-search-bar__input {
|
|
border: none;
|
|
outline: none;
|
|
background: gray;
|
|
padding: 3px 5px;
|
|
width: 150px; /* Adjust width as needed */
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
.rsssl-search-bar__input:focus {
|
|
width: 200px; /* Adjust width as needed */
|
|
}
|
|
|
|
.rsssl-container {
|
|
padding: 2em;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.rsssl-multiselect-datatable-form {
|
|
display: flex;
|
|
Justify-content: space-between;
|
|
width: 100%;
|
|
padding: 1em 2em;
|
|
background: var(--rsp-blue-faded);
|
|
}
|
|
|
|
.rdt_TableRow .rdt_TableCell:last-child {
|
|
min-width: 20px;
|
|
}
|
|
|
|
.rdt_TableRow .rdt_TableCell:last-child button,
|
|
.rdt_TableRow .rdt_TableCell:last-child span {
|
|
min-width: 20px;
|
|
}
|
|
|
|
/* Section for EdgeCases and other specific styling */
|
|
/* EdgeCase: EventLog */
|
|
.rsssl-content_security_policy,
|
|
.rsssl-hardening-xml,
|
|
.rsssl-vulnerabilities_overview,
|
|
.rsssl-limit_login_attempts_ip_address,
|
|
.rsssl-limit_login_attempts_users,
|
|
.rsssl-limit_login_attempts_country,
|
|
.rsssl-limit_login_attempts_event_log {
|
|
//first off we remove the min-width from table cell and table col
|
|
.rdt_TableCell, .rdt_TableCol {
|
|
min-width: initial;
|
|
}
|
|
|
|
.rdt_Pagination {
|
|
margin-top: 0;
|
|
padding: 0 25px;
|
|
}
|
|
|
|
.rdt_tableCell {
|
|
&:has(div > .rsssl-action-buttons) {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.rsssl-container, .rdt_TableRow {
|
|
//Horizontal padding;
|
|
// padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
|
|
}
|
|
|
|
.rsssl-field-wrap {
|
|
padding: 0;
|
|
|
|
.rdt_TableHeadRow {
|
|
// Somehow the default for the last child is to make it small, well we dont want that.
|
|
.rdt_TableCol:last-child {
|
|
//we calculate the remaining width of the table and set it to the last column
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
.rdt_TableBody {
|
|
.rdt_TableRow {
|
|
.rdt_TableCell:last-child {
|
|
//we calculate the remaining width of the table and set it to the last column
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
//This is for the Expandable rows in the table
|
|
.rdt_Expanding {
|
|
.rdt_TableRow {
|
|
.rdt_TableCell:first-child {
|
|
//we remove all padding
|
|
padding: 0;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
}
|
|
|
|
//This is for the multiselect table
|
|
.rdt_TableRow {
|
|
.rdt_TableCell:first-child {
|
|
//we remove all padding
|
|
padding: 0 25px;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rsssl-learning-mode-delete {
|
|
float: right;
|
|
}
|
|
|
|
// in the tableCell we remove all previous styling of the last child
|
|
.rdt_TableCell:last-child {
|
|
div {
|
|
width: 100%;
|
|
|
|
button,a {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
/* EdgeCase: CountryTable */
|
|
.rsssl-vulnerabilities_measures {
|
|
.rdt_TableCell {
|
|
&:nth-child(2) {
|
|
select {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* EdgeCase: hardening-xml */
|
|
.rsssl-hardening-xml {
|
|
.rdt_TableCol:first-child {
|
|
padding: 0 25px !important;
|
|
}
|
|
.rdt_TableCell:last-child {
|
|
padding: 0 25px !important;
|
|
}
|
|
.rdt_TableRow .rdt_TableCell:last-child {
|
|
flex:1;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
|
|
|
|
/* EdgeCase: Permission_Policy */
|
|
.rsssl-content_security_policy,
|
|
.rsssl-permissions_policy {
|
|
.rdt_TableCol {
|
|
&:last-child {
|
|
//we calculate the remaining width of the table and set it to the last column
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
div {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
}
|
|
.rdt_TableCell {
|
|
&:last-child {
|
|
//we calculate the remaining width of the table and set it to the last column
|
|
flex-grow: 1;
|
|
text-align: right;
|
|
div {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
button {
|
|
margin-right: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |