@gravityforms/components/dist/css/admin/data-grid.css.map

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

{"version":3,"sources":["data-grid.css"],"names":[],"mappings":"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","file":"data-grid.css","sourcesContent":[".gform-admin {\n\n\t.gform-data-grid {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-metal-gray);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-data-grid__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-data-grid__controls {\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: column-reverse;\n\t\tinline-size: 100%;\n\n\t\t@media (min-width: 40.625rem) {\n\t\t\tflex-direction: row;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-inner {\n\t\tpadding-block: var(--gform-admin-spacer-4);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-data-grid__controls-inner--left:not(:last-child) {\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\n\t\t@media (min-width: 40.625rem) {\n\t\t\tborder-block-start: 0;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-inner--right {\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\n\t\t@media (min-width: 40.625rem) {\n\t\t\tmargin-inline-start: auto;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-search,\n\t.gform-data-grid__controls-bulk-actions {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tinline-size: 100%;\n\t}\n\n\t.gform-data-grid__controls-search {\n\t\tjustify-content: flex-end;\n\n\t\t@media (min-width: 40.625rem) {\n\t\t\tmax-inline-size: 28.75rem;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-bulk-actions {\n\t\tjustify-content: flex-start;\n\n\t\t@media (min-width: 40.625rem) {\n\t\t\tmax-inline-size: 25rem;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-search-input,\n\t.gform-data-grid__controls-bulk-actions-select {\n\t\tflex-grow: 1;\n\t}\n\n\t.gform-data-grid__controls-search-input .gform-input {\n\t\tinline-size: 100%;\n\t}\n\n\t.gform-data-grid__controls-simple-filters {\n\t\tposition: relative;\n\t}\n\n\t.gform-data-grid__controls-simple-filters-list-item--reset {\n\n\t\t&.gform-data-grid__controls-simple-filters-list-item:last-child { /* extra selectors to override droplist styles */\n\t\t\tmargin-block-end: calc(var(--gform-admin-spacer-1) * -1);\n\t\t}\n\n\t\t.gform-droplist__item-trigger-text {\n\t\t\tcolor: var(--gform-admin-color-blue-ribbon);\n\t\t\tpadding: 0;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-simple-filters-count {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tblock-size: 0.875rem;\n\t\tborder-radius: 0.125rem;\n\t\tcolor: var(--gform-admin-color-white);\n\t\tdisplay: flex;\n\t\tinline-size: 0.875rem;\n\t\tinset-block-start: -2px;\n\t\tinset-inline-end: -2px;\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t}\n\n\t.gform-data-grid__active-filters {\n\t\talign-items: center;\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--gform-admin-spacer-3);\n\t\tjustify-content: center;\n\t\tpadding-block: var(--gform-admin-spacer-2);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-data-grid__controls-date-filters--has-filter {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\t\tblock-size: 0.875rem;\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tinline-size: 0.875rem;\n\t\t\tinset-block-start: -2px;\n\t\t\tinset-inline-end: -2px;\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\n\t.gform-data-grid__controls-date-filters-calendar {\n\t\tinset-inline-end: 0;\n\t}\n\n\t.gform-data-grid__select-notice {\n\t\talign-items: center;\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: var(--gform-admin-spacer-4);\n\t\tjustify-content: center;\n\t\tmin-block-size: 2.6875rem;\n\t\tpadding: 0.375rem var(--gform-admin-spacer-6);\n\n\t\t.gform-data-grid__bold-text {\n\t\t\tfont-weight: var(--gform-admin-font-weight-semibold);\n\t\t}\n\t}\n\n\t.gform-data-grid__column-row {\n\t\tbackground: var(--gform-admin-color-light-blue);\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding-inline: var(--gform-admin-spacer-3);\n\t\twidth: 100%;\n\t}\n\n\t.gform-data-grid__column {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\toverflow: hidden;\n\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\tpadding-inline: var(--gform-admin-spacer-3);\n\n\t\t.gform-text {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.gform-data-grid__column--bulk-select {\n\t\tflex: none;\n\t\tpadding-inline-end: 0.25rem;\n\t}\n\n\t.gform-data-grid__column-sort-button {\n\t\tblock-size: auto;\n\t}\n\n\t.gform-data-grid__column-sort-button-icon {\n\t\tcolor: var(--gform-admin-color-santas);\n\t\tfont-size: 1.25rem;\n\t}\n\n\t.gform-data-grid__data-row {\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tpadding-inline: var(--gform-admin-spacer-3);\n\t\twidth: 100%;\n\n\t\t.gform-data-grid__column {\n\t\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\t\tpadding-inline: var(--gform-admin-spacer-3);\n\t\t}\n\n\t\t.gform-data-grid__column--row-select {\n\t\t\tflex: none;\n\t\t\tpadding-inline-end: 0.25rem;\n\t\t}\n\t}\n\n\t.gform-data-grid--highlight-hover .gform-data-grid__data-row {\n\n\t\t&:hover {\n\t\t\tbackground: var(--gform-admin-color-alabaster);\n\t\t}\n\t}\n\n\t.gform-data-grid--highlight-selected .gform-data-grid__data-row.gform-data-grid__data-row--selected {\n\t\tbackground: var(--gform-admin-color-light-blue);\n\n\t\t&:hover {\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t}\n\t}\n\n\t.gform-data-grid--equal-grid {\n\n\t\t.gform-data-grid__column-row,\n\t\t.gform-data-grid__data-row {\n\t\t\tjustify-content: space-between;\n\t\t}\n\t}\n\n\t.gform-input-wrapper--theme-cosmos {\n\n\t\t&.gform-data-grid__bulk-select-checkbox,\n\t\t&.gform-data-grid__row-select-checkbox {\n\n\t\t\t.gform-input--checkbox + .gform-label::before {\n\t\t\t\tmargin: 0; /* extra selectors to override checkbox styles */\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-data-grid__data {\n\t\tposition: relative;\n\t}\n\n\t.gform-data-grid__no-data-message {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-white-iris);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gravitysmtp-admin-box-shadow-mega);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tleft: 50%;\n\t\tpadding: 1.5rem;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t.gform-data-grid__pagination {\n\t\talign-items: center;\n\t\tborder-block-start: 1px solid var(--gform-admin-color-metal-gray);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\tpadding: 1.25rem 1.5rem;\n\t}\n\n\t.gform-data-grid__loader {\n\t\tbackground-color: var(--gform-admin-color-porcelain-gray);\n\t\tblock-size: 22px;\n\t\tborder-radius: 11px;\n\t\topacity: 1;\n\n\t\t&.gform-data-grid__loader--animating {\n\t\t\tanimation: gravitysmtpOpacityCycle 1s ease-in-out infinite;\n\t\t\tanimation-delay: -0.5s;\n\t\t}\n\t}\n\n\t.gform-data-grid--empty {\n\n\t\t.gform-data-grid__pagination {\n\t\t\tblock-size: 4.8125rem;\n\t\t}\n\n\t\t.gform-pagination {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-data-grid--loading .gform-data-grid__pagination {\n\t\topacity: 0.5;\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tblock-size: 100%;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tposition: absolute;\n\t\t}\n\t}\n}\n\n@keyframes gravitysmtpOpacityCycle {\n\n\t0%,\n\t100% {\n\t\topacity: 1;\n\t}\n\n\t50% {\n\t\topacity: 0.5;\n\t}\n}\n"]}