1240 lines
43 KiB
CSS
1240 lines
43 KiB
CSS
/**
|
|
* Converts a hex value into the rgb equivalent.
|
|
*
|
|
* @param {string} hex - the hexadecimal value to convert
|
|
* @return {string} comma separated rgb values
|
|
*/
|
|
/**
|
|
* Colors
|
|
*/
|
|
/**
|
|
* Breakpoints & Media Queries
|
|
*/
|
|
/**
|
|
* SCSS Variables.
|
|
*
|
|
* Please use variables from this sheet to ensure consistency across the UI.
|
|
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
*/
|
|
/**
|
|
* Converts a hex value into the rgb equivalent.
|
|
*
|
|
* @param {string} hex - the hexadecimal value to convert
|
|
* @return {string} comma separated rgb values
|
|
*/
|
|
/**
|
|
* Colors
|
|
*/
|
|
/**
|
|
* Fonts & basic variables.
|
|
*/
|
|
/**
|
|
* Typography
|
|
*/
|
|
/**
|
|
* Grid System.
|
|
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
*/
|
|
/**
|
|
* Radius scale.
|
|
*/
|
|
/**
|
|
* Elevation scale.
|
|
*/
|
|
/**
|
|
* Dimensions.
|
|
*/
|
|
/**
|
|
* Mobile specific styles
|
|
*/
|
|
/**
|
|
* Editor styles.
|
|
*/
|
|
/**
|
|
* Block & Editor UI.
|
|
*/
|
|
/**
|
|
* Block paddings.
|
|
*/
|
|
/**
|
|
* React Native specific.
|
|
* These variables do not appear to be used anywhere else.
|
|
*/
|
|
/**
|
|
* Converts a hex value into the rgb equivalent.
|
|
*
|
|
* @param {string} hex - the hexadecimal value to convert
|
|
* @return {string} comma separated rgb values
|
|
*/
|
|
/**
|
|
* Long content fade mixin
|
|
*
|
|
* Creates a fading overlay to signify that the content is longer
|
|
* than the space allows.
|
|
*/
|
|
/**
|
|
* Typography
|
|
*/
|
|
/**
|
|
* Breakpoint mixins
|
|
*/
|
|
/**
|
|
* Focus styles.
|
|
*/
|
|
/**
|
|
* Applies editor left position to the selector passed as argument
|
|
*/
|
|
/**
|
|
* Styles that are reused verbatim in a few places
|
|
*/
|
|
/**
|
|
* Allows users to opt-out of animations via OS-level preferences.
|
|
*/
|
|
/**
|
|
* Reset default styles for JavaScript UI based pages.
|
|
* This is a WP-admin agnostic reset
|
|
*/
|
|
/**
|
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
*/
|
|
:root {
|
|
--wp-admin-theme-color: #007cba;
|
|
--wp-admin-theme-color--rgb: 0, 124, 186;
|
|
--wp-admin-theme-color-darker-10: #006ba1;
|
|
--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
|
|
--wp-admin-theme-color-darker-20: #005a87;
|
|
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
|
--wp-admin-border-width-focus: 2px;
|
|
--wp-block-synced-color: #7a00df;
|
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
--wp-bound-block-color: var(--wp-block-synced-color);
|
|
}
|
|
@media (min-resolution: 192dpi) {
|
|
:root {
|
|
--wp-admin-border-width-focus: 1.5px;
|
|
}
|
|
}
|
|
|
|
.dataviews-wrapper {
|
|
height: 100%;
|
|
overflow: auto;
|
|
box-sizing: border-box;
|
|
scroll-padding-bottom: 64px;
|
|
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
container: dataviews-wrapper/inline-size;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.dataviews__view-actions,
|
|
.dataviews-filters__container {
|
|
box-sizing: border-box;
|
|
padding: 16px 48px;
|
|
flex-shrink: 0;
|
|
position: sticky;
|
|
right: 0;
|
|
}
|
|
@media not (prefers-reduced-motion) {
|
|
.dataviews__view-actions,
|
|
.dataviews-filters__container {
|
|
transition: padding ease-out 0.1s;
|
|
}
|
|
}
|
|
|
|
.dataviews-no-results,
|
|
.dataviews-loading {
|
|
padding: 0 48px;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
@media not (prefers-reduced-motion) {
|
|
.dataviews-no-results,
|
|
.dataviews-loading {
|
|
transition: padding ease-out 0.1s;
|
|
}
|
|
}
|
|
|
|
@container (max-width: 430px) {
|
|
.dataviews__view-actions,
|
|
.dataviews-filters__container {
|
|
padding: 12px 24px;
|
|
}
|
|
.dataviews-no-results,
|
|
.dataviews-loading {
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
.dataviews-title-field {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: #2f2f2f;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.dataviews-title-field a {
|
|
text-decoration: none;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: block;
|
|
flex-grow: 0;
|
|
color: #2f2f2f;
|
|
}
|
|
.dataviews-title-field a:hover {
|
|
color: var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-title-field a:focus {
|
|
color: var(--wp-admin-theme-color--rgb);
|
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
|
|
border-radius: 2px;
|
|
}
|
|
.dataviews-title-field button.components-button.is-link {
|
|
text-decoration: none;
|
|
font-weight: inherit;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
display: block;
|
|
width: 100%;
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-title-field button.components-button.is-link:hover {
|
|
color: var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.dataviews-title-field--clickable {
|
|
cursor: pointer;
|
|
color: #2f2f2f;
|
|
}
|
|
.dataviews-title-field--clickable:hover {
|
|
color: var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-title-field--clickable:focus {
|
|
color: var(--wp-admin-theme-color--rgb);
|
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.dataviews-bulk-actions-footer__item-count {
|
|
color: #1e1e1e;
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.dataviews-bulk-actions-footer__container {
|
|
margin-left: auto;
|
|
min-height: 32px;
|
|
}
|
|
|
|
.dataviews-filters__button {
|
|
position: relative;
|
|
}
|
|
|
|
.dataviews-filters__container {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
|
|
opacity: 0;
|
|
}
|
|
.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
.dataviews-filters__summary-popover {
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
.dataviews-filters__summary-popover .components-popover__content {
|
|
width: 230px;
|
|
border-radius: 4px;
|
|
}
|
|
.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
|
|
padding: 0;
|
|
}
|
|
|
|
.dataviews-filters__summary-operators-container {
|
|
padding: 8px 8px 0;
|
|
}
|
|
.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox) {
|
|
border-bottom: 1px solid #e0e0e0;
|
|
padding-bottom: 8px;
|
|
}
|
|
.dataviews-filters__summary-operators-container:empty {
|
|
display: none;
|
|
}
|
|
.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
|
|
color: #757575;
|
|
}
|
|
|
|
.dataviews-filters__summary-chip-container {
|
|
position: relative;
|
|
white-space: pre-wrap;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
|
|
border-radius: 16px;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
padding: 4px 12px;
|
|
min-height: 32px;
|
|
background: #f0f0f0;
|
|
color: #2f2f2f;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
|
|
background: #e0e0e0;
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
|
|
color: var(--wp-admin-theme-color);
|
|
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
|
|
background: rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
|
|
outline: none;
|
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
|
|
font-weight: 500;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
border: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
|
|
fill: #757575;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
|
|
background: #e0e0e0;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
|
|
fill: #1e1e1e;
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
|
|
fill: var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
|
|
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
}
|
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
|
|
outline: none;
|
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.dataviews-filters__search-widget-filter-combobox-list {
|
|
max-height: 184px;
|
|
padding: 4px;
|
|
overflow: auto;
|
|
border-top: 1px solid #e0e0e0;
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dataviews-filters__search-widget-listbox {
|
|
padding: 4px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.dataviews-filters__search-widget-listitem {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
padding: 8px 12px;
|
|
cursor: default;
|
|
margin-block-end: 2px;
|
|
}
|
|
.dataviews-filters__search-widget-listitem:last-child {
|
|
margin-block-end: 0;
|
|
}
|
|
.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
|
|
background-color: var(--wp-admin-theme-color);
|
|
color: #fff;
|
|
}
|
|
.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check {
|
|
fill: #fff;
|
|
}
|
|
.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
|
|
color: #fff;
|
|
}
|
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check {
|
|
width: 24px;
|
|
height: 24px;
|
|
flex-shrink: 0;
|
|
}
|
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
color: #757575;
|
|
}
|
|
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper {
|
|
position: relative;
|
|
padding: 8px;
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
padding: 6px 8px;
|
|
box-shadow: 0 0 0 transparent;
|
|
border-radius: 2px;
|
|
border: 1px solid #949494;
|
|
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
|
font-size: 16px;
|
|
/* Override core line-height. To be reviewed. */
|
|
line-height: normal;
|
|
display: block;
|
|
padding: 0 8px 0 32px;
|
|
background: #f0f0f0;
|
|
border: none;
|
|
width: 100%;
|
|
height: 32px;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
|
font-size: 16px;
|
|
}
|
|
@media not (prefers-reduced-motion) {
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
transition: box-shadow 0.1s linear;
|
|
}
|
|
}
|
|
@media (min-width: 600px) {
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
font-size: 13px;
|
|
/* Override core line-height. To be reviewed. */
|
|
line-height: normal;
|
|
}
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
|
|
border-color: var(--wp-admin-theme-color);
|
|
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
|
|
outline: 2px solid transparent;
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder {
|
|
color: rgba(30, 30, 30, 0.62);
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
|
|
opacity: 1;
|
|
color: rgba(30, 30, 30, 0.62);
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder {
|
|
color: rgba(30, 30, 30, 0.62);
|
|
}
|
|
@media (min-width: 600px) {
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
|
|
background: #fff;
|
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
|
|
color: #757575;
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
|
|
position: absolute;
|
|
left: 12px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 24px;
|
|
}
|
|
|
|
.dataviews-filters__container-visibility-toggle {
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.dataviews-filters-toggle__count {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
transform: translate(-50%, -50%);
|
|
background: var(--wp-admin-theme-color, #3858e9);
|
|
height: 16px;
|
|
min-width: 16px;
|
|
line-height: 16px;
|
|
padding: 0 4px;
|
|
text-align: center;
|
|
border-radius: 8px;
|
|
font-size: 11px;
|
|
outline: var(--wp-admin-border-width-focus) solid #fff;
|
|
color: #fff;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.dataviews-search {
|
|
width: fit-content;
|
|
}
|
|
|
|
.dataviews-footer {
|
|
position: sticky;
|
|
bottom: 0;
|
|
right: 0;
|
|
background-color: #fff;
|
|
padding: 12px 48px;
|
|
border-top: 1px solid #f0f0f0;
|
|
flex-shrink: 0;
|
|
z-index: 2;
|
|
}
|
|
@media not (prefers-reduced-motion) {
|
|
.dataviews-footer {
|
|
transition: padding ease-out 0.1s;
|
|
}
|
|
}
|
|
|
|
@container (max-width: 430px) {
|
|
.dataviews-footer {
|
|
padding: 12px 24px;
|
|
}
|
|
}
|
|
@container (max-width: 560px) {
|
|
.dataviews-footer {
|
|
flex-direction: column !important;
|
|
}
|
|
.dataviews-footer .dataviews-bulk-actions-footer__container {
|
|
width: 100%;
|
|
}
|
|
.dataviews-footer .dataviews-bulk-actions-footer__item-count {
|
|
flex-grow: 1;
|
|
}
|
|
.dataviews-footer .dataviews-pagination {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
.dataviews-pagination__page-select {
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.dataviews-pagination__page-select .components-select-control__input {
|
|
font-size: 11px !important;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
.dataviews-action-modal {
|
|
z-index: 1000001;
|
|
}
|
|
|
|
.dataviews-selection-checkbox {
|
|
--checkbox-input-size: 24px;
|
|
line-height: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.dataviews-selection-checkbox {
|
|
--checkbox-input-size: 16px;
|
|
}
|
|
}
|
|
.dataviews-selection-checkbox .components-checkbox-control__input-container {
|
|
margin: 0;
|
|
}
|
|
|
|
.dataviews-view-config {
|
|
width: 320px;
|
|
/* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
|
|
container-type: inline-size;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
|
|
overflow-y: scroll;
|
|
height: 100%;
|
|
}
|
|
.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config {
|
|
width: auto;
|
|
}
|
|
|
|
.dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.dataviews-settings-section__title.dataviews-settings-section__title {
|
|
line-height: 24px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.dataviews-settings-section__sidebar {
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.dataviews-settings-section__content,
|
|
.dataviews-settings-section__content > * {
|
|
grid-column: span 8;
|
|
}
|
|
|
|
.dataviews-settings-section__content .is-divided-in-two {
|
|
display: contents;
|
|
}
|
|
.dataviews-settings-section__content .is-divided-in-two > * {
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
|
|
display: none;
|
|
}
|
|
|
|
@container (max-width: 500px) {
|
|
.dataviews-settings-section.dataviews-settings-section {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
|
|
grid-column: span 2;
|
|
}
|
|
.dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
|
|
grid-column: span 2;
|
|
}
|
|
}
|
|
.dataviews-field-control__field {
|
|
height: 32px;
|
|
}
|
|
|
|
.dataviews-field-control__actions {
|
|
position: absolute;
|
|
top: -9999em;
|
|
}
|
|
|
|
.dataviews-field-control__actions.dataviews-field-control__actions {
|
|
gap: 4px;
|
|
}
|
|
|
|
.dataviews-field-control__field:hover .dataviews-field-control__actions,
|
|
.dataviews-field-control__field:focus-within .dataviews-field-control__actions,
|
|
.dataviews-field-control__field.is-interacting .dataviews-field-control__actions {
|
|
position: unset;
|
|
top: unset;
|
|
}
|
|
|
|
.dataviews-field-control__icon {
|
|
display: flex;
|
|
width: 24px;
|
|
}
|
|
|
|
.dataviews-field-control__label-sub-label-container {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.dataviews-field-control__label {
|
|
display: block;
|
|
}
|
|
|
|
.dataviews-field-control__sub-label {
|
|
margin-top: 8px;
|
|
margin-bottom: 0;
|
|
font-size: 11px;
|
|
font-style: normal;
|
|
color: #757575;
|
|
}
|
|
|
|
.dataviews-view-grid {
|
|
margin-bottom: auto;
|
|
grid-template-rows: max-content;
|
|
padding: 0 48px 24px;
|
|
container-type: inline-size;
|
|
}
|
|
@media not (prefers-reduced-motion) {
|
|
.dataviews-view-grid {
|
|
transition: padding ease-out 0.1s;
|
|
}
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card {
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
position: relative;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
|
|
padding: 8px 0 4px;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
|
|
min-height: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
|
|
width: fit-content;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
|
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
|
|
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
|
|
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
|
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__media {
|
|
width: 100%;
|
|
min-height: 200px;
|
|
aspect-ratio: 1/1;
|
|
background-color: #f0f0f0;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__media img {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__media::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
pointer-events: none;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields {
|
|
position: relative;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
|
|
padding: 0 0 12px;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
|
|
min-height: 24px;
|
|
line-height: 20px;
|
|
padding-top: 2px;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
|
|
min-height: 24px;
|
|
align-items: center;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
|
|
width: 35%;
|
|
color: #757575;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
|
|
width: 65%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
|
|
display: none;
|
|
}
|
|
.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
/**
|
|
* Breakpoints were adjusted from media queries breakpoints to account for
|
|
* the sidebar width. This was done to match the existing styles we had.
|
|
*/
|
|
}
|
|
@container (max-width: 480px) {
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
@container (min-width: 480px) {
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@container (min-width: 780px) {
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@container (min-width: 1140px) {
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
}
|
|
}
|
|
@container (min-width: 1520px) {
|
|
.dataviews-view-grid.dataviews-view-grid {
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
}
|
|
}
|
|
|
|
.dataviews-view-grid__field-value:empty,
|
|
.dataviews-view-grid__field:empty {
|
|
display: none;
|
|
}
|
|
|
|
.dataviews-view-grid__card .dataviews-selection-checkbox {
|
|
position: absolute;
|
|
top: -9999em;
|
|
right: 8px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.dataviews-view-grid__card:hover .dataviews-selection-checkbox,
|
|
.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
|
|
.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
|
|
top: 8px;
|
|
}
|
|
|
|
.dataviews-view-grid__media--clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.dataviews-view-list {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.dataviews-view-list {
|
|
margin: 0 0 auto;
|
|
}
|
|
.dataviews-view-list div[role=row] {
|
|
margin: 0;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper {
|
|
position: relative;
|
|
padding: 16px 24px;
|
|
box-sizing: border-box;
|
|
}
|
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-actions {
|
|
flex: 0;
|
|
overflow: hidden;
|
|
}
|
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div {
|
|
height: 24px;
|
|
}
|
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button {
|
|
position: relative;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
|
|
flex-basis: min-content;
|
|
overflow: unset;
|
|
padding-inline-end: 4px;
|
|
}
|
|
.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
|
|
opacity: 1;
|
|
}
|
|
.dataviews-view-list div[role=row].is-selected.is-selected {
|
|
border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
}
|
|
.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row] {
|
|
border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
}
|
|
.dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field {
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within {
|
|
color: var(--wp-admin-theme-color);
|
|
background-color: #f8f8f8;
|
|
}
|
|
.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field,
|
|
.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field,
|
|
.dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field,
|
|
.dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields {
|
|
color: var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
|
|
.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper {
|
|
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
|
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,
|
|
.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field,
|
|
.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields {
|
|
color: var(--wp-admin-theme-color);
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__item {
|
|
position: absolute;
|
|
z-index: 1;
|
|
inset: 0;
|
|
scroll-margin: 8px 0;
|
|
appearance: none;
|
|
border: none;
|
|
background: none;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__item:focus-visible {
|
|
outline: none;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__item:focus-visible::before {
|
|
position: absolute;
|
|
content: "";
|
|
inset: var(--wp-admin-border-width-focus);
|
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
border-radius: 2px;
|
|
outline: 2px solid transparent;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__title-field {
|
|
flex: 1;
|
|
min-height: 24px;
|
|
line-height: 24px;
|
|
overflow: hidden;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
|
|
z-index: 1;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__media-wrapper {
|
|
width: 52px;
|
|
height: 52px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
background-color: #f0f0f0;
|
|
border-radius: 4px;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__media-wrapper img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__media-wrapper::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__field-wrapper {
|
|
min-height: 52px;
|
|
flex-grow: 1;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__fields {
|
|
color: #757575;
|
|
display: flex;
|
|
gap: 12px;
|
|
row-gap: 4px;
|
|
flex-wrap: wrap;
|
|
font-size: 12px;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__fields:empty {
|
|
display: none;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
|
|
display: none;
|
|
}
|
|
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
|
|
min-height: 24px;
|
|
line-height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dataviews-view-list + .dataviews-pagination {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dataviews-view-table {
|
|
width: 100%;
|
|
text-indent: 0;
|
|
border-color: inherit;
|
|
border-collapse: collapse;
|
|
position: relative;
|
|
color: #757575;
|
|
margin-bottom: auto;
|
|
}
|
|
.dataviews-view-table th {
|
|
text-align: right;
|
|
color: #1e1e1e;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
}
|
|
.dataviews-view-table td,
|
|
.dataviews-view-table th {
|
|
padding: 12px;
|
|
white-space: nowrap;
|
|
}
|
|
.dataviews-view-table td.dataviews-view-table__actions-column,
|
|
.dataviews-view-table th.dataviews-view-table__actions-column {
|
|
text-align: left;
|
|
}
|
|
.dataviews-view-table td.dataviews-view-table__checkbox-column,
|
|
.dataviews-view-table th.dataviews-view-table__checkbox-column {
|
|
padding-left: 0;
|
|
}
|
|
.dataviews-view-table tr {
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
.dataviews-view-table tr .dataviews-view-table-header-button {
|
|
gap: 4px;
|
|
}
|
|
.dataviews-view-table tr td:first-child,
|
|
.dataviews-view-table tr th:first-child {
|
|
padding-right: 48px;
|
|
}
|
|
.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,
|
|
.dataviews-view-table tr td:first-child .dataviews-view-table-header,
|
|
.dataviews-view-table tr th:first-child .dataviews-view-table-header-button,
|
|
.dataviews-view-table tr th:first-child .dataviews-view-table-header {
|
|
margin-right: -8px;
|
|
}
|
|
.dataviews-view-table tr td:last-child,
|
|
.dataviews-view-table tr th:last-child {
|
|
padding-left: 48px;
|
|
}
|
|
.dataviews-view-table tr:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.dataviews-view-table tr.is-hovered {
|
|
background-color: #f8f8f8;
|
|
}
|
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
|
|
opacity: 0;
|
|
}
|
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus {
|
|
opacity: 1;
|
|
}
|
|
.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
|
|
opacity: 0;
|
|
}
|
|
.dataviews-view-table tr:focus-within .components-checkbox-control__input,
|
|
.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input,
|
|
.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input,
|
|
.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
|
|
opacity: 1;
|
|
}
|
|
@media (hover: none) {
|
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,
|
|
.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.dataviews-view-table tr.is-selected {
|
|
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
|
color: #757575;
|
|
}
|
|
.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
|
|
border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
}
|
|
.dataviews-view-table tr.is-selected:hover {
|
|
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
}
|
|
.dataviews-view-table thead {
|
|
position: sticky;
|
|
inset-block-start: 0;
|
|
z-index: 1;
|
|
}
|
|
.dataviews-view-table thead tr {
|
|
border: 0;
|
|
}
|
|
.dataviews-view-table thead th {
|
|
background-color: #fff;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
padding-right: 12px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
.dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) {
|
|
padding-right: 4px;
|
|
}
|
|
.dataviews-view-table tbody td {
|
|
vertical-align: top;
|
|
}
|
|
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) {
|
|
min-height: 0;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table-header-button {
|
|
padding: 4px 8px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
|
|
color: #1e1e1e;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table-header-button span {
|
|
speak: none;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table-header-button span:empty {
|
|
display: none;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table-header {
|
|
padding-right: 4px;
|
|
}
|
|
.dataviews-view-table .dataviews-view-table__actions-column {
|
|
width: 1%;
|
|
}
|
|
.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input {
|
|
opacity: 1;
|
|
}
|
|
.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) {
|
|
padding-right: 0;
|
|
}
|
|
.dataviews-view-table.has-compact-density td,
|
|
.dataviews-view-table.has-compact-density th {
|
|
padding: 4px 8px;
|
|
}
|
|
.dataviews-view-table.has-comfortable-density td,
|
|
.dataviews-view-table.has-comfortable-density th {
|
|
padding: 16px 12px;
|
|
}
|
|
.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
|
|
.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
|
|
.dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column {
|
|
padding-left: 0;
|
|
}
|
|
|
|
@container (max-width: 430px) {
|
|
.dataviews-view-table tr td:first-child,
|
|
.dataviews-view-table tr th:first-child {
|
|
padding-right: 24px;
|
|
}
|
|
.dataviews-view-table tr td:last-child,
|
|
.dataviews-view-table tr th:last-child {
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
.dataviews-view-table-selection-checkbox {
|
|
--checkbox-input-size: 24px;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.dataviews-view-table-selection-checkbox {
|
|
--checkbox-input-size: 16px;
|
|
}
|
|
}
|
|
|
|
.dataviews-column-primary__media {
|
|
max-width: 60px;
|
|
}
|
|
|
|
.dataviews-controls__datetime {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.dataforms-layouts-panel__field {
|
|
width: 100%;
|
|
min-height: 32px;
|
|
justify-content: flex-start !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.dataforms-layouts-panel__field-label {
|
|
width: 38%;
|
|
flex-shrink: 0;
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 6px 0;
|
|
line-height: 20px;
|
|
hyphens: auto;
|
|
}
|
|
|
|
.dataforms-layouts-panel__field-control {
|
|
flex-grow: 1;
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dataforms-layouts-panel__field-control .components-button {
|
|
max-width: 100%;
|
|
text-align: right;
|
|
white-space: normal;
|
|
text-wrap: balance;
|
|
text-wrap: pretty;
|
|
min-height: 32px;
|
|
}
|
|
.dataforms-layouts-panel__field-control .components-dropdown {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.dataforms-layouts-panel__field-dropdown .components-popover__content {
|
|
min-width: 320px;
|
|
padding: 16px;
|
|
}
|
|
|
|
.dataforms-layouts-panel__dropdown-header {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
z-index: 159990;
|
|
}
|
|
|
|
.dataforms-layouts-regular__field {
|
|
width: 100%;
|
|
min-height: 32px;
|
|
justify-content: flex-start !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.dataforms-layouts-regular__field .components-base-control__label {
|
|
font-size: inherit;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
}
|
|
|
|
.dataforms-layouts-regular__field-label {
|
|
width: 38%;
|
|
flex-shrink: 0;
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 6px 0;
|
|
line-height: 20px;
|
|
hyphens: auto;
|
|
}
|
|
|
|
.dataforms-layouts-regular__field-control {
|
|
flex-grow: 1;
|
|
min-height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
:root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@media(min-resolution: 192dpi){:root{--wp-admin-border-width-focus: 1.5px}}.a8c-site-admin-sidebar__content{flex-grow:1;overflow-y:auto;overflow-x:hidden;contain:content}@keyframes local--slide-from-right{from{transform:translateX(-50px);opacity:0}to{transform:none;opacity:1}}@keyframes local--slide-from-left{from{transform:translateX(50px);opacity:0}to{transform:none;opacity:1}}.a8c-site-admin-sidebar__screen-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);will-change:transform;scrollbar-gutter:stable;display:flex;flex-direction:column;height:100%;max-height:100%;padding:0 12px;animation-duration:.14s;animation-timing-function:ease-in-out;will-change:transform,opacity}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar{width:12px;height:12px}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:8px;border:3px solid rgba(0,0,0,0);background-clip:padding-box}.a8c-site-admin-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb,.a8c-site-admin-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.a8c-site-admin-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb{background-color:#757575}.a8c-site-admin-sidebar__screen-wrapper:hover,.a8c-site-admin-sidebar__screen-wrapper:focus,.a8c-site-admin-sidebar__screen-wrapper:focus-within{scrollbar-color:#757575 rgba(0,0,0,0)}@media(hover: none){.a8c-site-admin-sidebar__screen-wrapper{scrollbar-color:#757575 rgba(0,0,0,0)}}@media(prefers-reduced-motion: reduce){.a8c-site-admin-sidebar__screen-wrapper{animation-duration:0s}}.a8c-site-admin-sidebar__screen-wrapper.slide-from-left{animation-name:local--slide-from-left}.a8c-site-admin-sidebar__screen-wrapper.slide-from-right{animation-name:local--slide-from-right}.a8c-site-admin-sidebar-button{color:#e0e0e0;flex-shrink:0}.a8c-site-admin-sidebar-button:focus:not(:disabled){box-shadow:none;outline:none}.a8c-site-admin-sidebar-button:focus-visible:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid rgba(0,0,0,0)}.a8c-site-admin-sidebar-button:hover:not(:disabled,[aria-disabled=true]),.a8c-site-admin-sidebar-button:focus-visible,.a8c-site-admin-sidebar-button:focus,.a8c-site-admin-sidebar-button:not(:disabled,[aria-disabled=true]):active,.a8c-site-admin-sidebar-button[aria-expanded=true]{color:#f0f0f0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item{color:#949494;padding:8px 16px 8px 6px;border:none;min-height:40px}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:hover,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true]{color:#e0e0e0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:hover .a8c-site-admin-sidebar-navigation-item__drilldown-indicator,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus .a8c-site-admin-sidebar-navigation-item__drilldown-indicator,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true] .a8c-site-admin-sidebar-navigation-item__drilldown-indicator{fill:#e0e0e0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true]{background:#2f2f2f;color:#fff;font-weight:500}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus-visible{transform:translateZ(0)}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item .a8c-site-admin-sidebar-navigation-item__drilldown-indicator{fill:#949494}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item.with-suffix{padding-left:16px}.a8c-site-admin-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{cursor:grab;padding:8px 0 8px 8px}.a8c-site-admin-sidebar-navigation-screen__main{flex-grow:1;margin-bottom:16px}.a8c-site-admin-sidebar-navigation-screen__main.has-footer{margin-bottom:0}.a8c-site-admin-sidebar-navigation-screen__main .a8c-site-admin-sidebar-navigation-screen__title{flex-grow:1;overflow-wrap:break-word;line-height:32px;color:#e0e0e0}.a8c-site-admin-sidebar-navigation-screen__content{padding:0 16px}.a8c-site-admin-sidebar-navigation-screen__title-icon{position:sticky;top:0;padding-top:48px;margin-bottom:8px;padding-bottom:8px;z-index:1}.a8c-site-admin-sidebar-navigation-screen__actions{display:flex;flex-shrink:0}.a8c-site-admin-sidebar-navigation-screen__footer{position:sticky;bottom:0;background-color:#1e1e1e;gap:0;padding:8px 16px;margin:16px 0 0;border-top:1px solid #2f2f2f}.a8c-site-admin-sidebar-navigation-screen__footer .a8c-site-admin-sidebar-navigation-screen-details-footer{margin-right:-16px;margin-left:-16px}.a8c-site-admin-site-icon__icon{fill:currentColor;width:100%;height:100%}.a8c-site-admin-layout.is-full-canvas .a8c-site-admin-site-icon__icon{padding:12px}.a8c-site-admin-site-icon__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#333;aspect-ratio:1/1}.a8c-site-admin-layout.is-full-canvas .a8c-site-admin-site-icon__image{border-radius:0}.a8c-site-admin-editor__view-mode-toggle button:focus{position:relative}.a8c-site-admin-editor__view-mode-toggle button:focus::before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff}.woocommerce-single-select-page-with-search__menu-loading{display:flex;align-items:center;justify-content:center;padding:8px;height:50px}.woocommerce-experimental-select-control__popover-menu-container,.woocommerce-experimental-select-control__menu-item{cursor:pointer}.woocommerce-settings-header.woocommerce-site-page-header.woocommerce-settings-header--has-tabs{border-bottom:none}.woocommerce-settings-section-tabs .components-tab-panel__tabs{border-bottom:1px solid #f0f0f0;padding:0 32px;z-index:1}#wc-settings-page .woocommerce-site-layout__area{overflow:scroll}.components-tab-panel__tabs{position:sticky;top:60px;background-color:#fff}.woocommerce-settings-content{padding-inline:48px;display:flex;flex-direction:column}.woocommerce-settings-group{display:flex;gap:48px}.woocommerce-settings-group .dataforms-layouts-regular__header:not(:first-child){margin-top:40px}@media(max-width: 960px){.woocommerce-settings-group{flex-direction:column}}.dataforms-layouts-regular__field:has(>.woocommerce-settings-group){padding-block:48px}.dataforms-layouts-regular__field:has(>.woocommerce-settings-group):not(:last-child){border-bottom:1px solid #f0f0f0}.woocommerce-settings-group-title{flex:1;max-width:400px}.woocommerce-settings-group-content{flex:2;display:flex;flex-direction:column;gap:48px}.woocommerce-settings-content-footer{display:flex;justify-content:flex-end;padding:48px}#wc-settings-page .components-input-control__label{white-space:normal}#wc-settings-page .components-snackbar-list{bottom:24px;right:308px}.woocommerce-settings-color-picker{display:flex;flex-direction:row;gap:10px;margin:8px 0}
|