@shopify/polaris/build/esnext/components/ResourceList/ResourceList.css

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-ResourceList__FiltersWrapper_13e37 { padding: var(--p-space-3) var(--p-space-3) var(--p-space-4); }

@media (min-width: 28.625em) { .Polaris-ResourceList__FiltersWrapper_13e37 { padding: var(--p-space-4); } }

.Polaris-ResourceList__FiltersWrapper_13e37 + .Polaris-ResourceList_r589e { border-top: var(--p-border-divider); }

.Polaris-ResourceList__HeaderOuterWrapper_1izjo { position: relative; background-color: var(--p-surface); z-index: 2; overflow: hidden; border-top-left-radius: var(--p-border-radius-2); border-top-right-radius: var(--p-border-radius-2); }

.Polaris-ResourceList__HeaderOuterWrapper_1izjo + .Polaris-ResourceList_r589e { border-top: var(--p-border-divider); }

.Polaris-ResourceList__HeaderWrapper--disabled_p6v4h { pointer-events: none; }

.Polaris-ResourceList__HeaderWrapper--overlay_1w8dj { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; background-color: var(--p-overlay); }

.Polaris-ResourceList__FiltersWrapper_13e37 + .Polaris-ResourceList__HeaderOuterWrapper_1izjo { margin-top: calc(var(--p-space-4)*-1); }

.Polaris-ResourceList__HeaderWrapper_9w2pa { position: relative; display: flex; align-items: flex-start; width: 100%; min-height: 3.5rem; padding: calc(var(--p-space-3) - var(--p-space-05)) var(--p-space-4); background-color: var(--p-surface); }

@media (min-width: 28.625em) { .Polaris-ResourceList__HeaderWrapper_9w2pa { flex-direction: row; } }

.Polaris-ResourceList__HeaderWrapper--isSticky_795g9 { box-shadow: var(--p-shadow-base); }

.Polaris-ResourceList__HeaderContentWrapper_do6y8 { position: absolute; z-index: 1; right: var(--p-space-3); left: var(--p-space-3); display: flex; min-height: 2.25rem; opacity: 1; transition: opacity var(--p-ease) var(--p-duration-200); }

.Polaris-ResourceList__HeaderWrapper--inSelectMode_1cl00 .Polaris-ResourceList__HeaderContentWrapper_do6y8 { opacity: 0; }

@media (min-width: 28.625em) { .Polaris-ResourceList__HeaderContentWrapper_do6y8 { right: var(--p-space-4); left: var(--p-space-4); align-self: flex-start; } }

.Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__AlternateToolWrapper_1vsdh { position: relative; display: flex; flex: 1 1; align-items: center; }

.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh { padding-right: var(--p-space-2); }

@media (min-width: 28.625em) { .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__AlternateToolWrapper_1vsdh { position: relative; left: auto; flex: 0 1 auto; margin-left: var(--p-space-4); }
  .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__AlternateToolWrapper_1vsdh { padding-right: 0; } }

.Polaris-ResourceList__SortWrapper_1kang { min-width: 0; max-width: 100%; }

.Polaris-ResourceList__SortWrapper_1kang > * { max-width: 100%; }

.Polaris-ResourceList__HeaderTitleWrapper_1ygr8 { white-space: nowrap; text-overflow: ellipsis; flex: 1 1; padding-left: var(--p-space-1); align-self: center; }

.Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae .Polaris-ResourceList__HeaderTitleWrapper_1ygr8 { display: none; }

@media (min-width: 28.625em) { .Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae.Polaris-ResourceList__HeaderWrapper--hasSelect_hr9d4 .Polaris-ResourceList__HeaderTitleWrapper_1ygr8 { display: none; }
  .Polaris-ResourceList__HeaderWrapper--hasAlternateTool_1du6i .Polaris-ResourceList__HeaderTitleWrapper_1ygr8, .Polaris-ResourceList__HeaderWrapper--hasSort_1dpae .Polaris-ResourceList__HeaderTitleWrapper_1ygr8 { display: block; } }

.Polaris-ResourceList__BulkActionsWrapper_9c77q { position: relative; z-index: 2; width: 100%; }

@media (min-width: 28.625em) { .Polaris-ResourceList__BulkActionsWrapper_9c77q { flex: 0 1 auto; align-self: flex-start; } }

.Polaris-ResourceList__CheckableButtonWrapper_1mxl4 { display: none; }

@media (min-width: 28.625em) { .Polaris-ResourceList__CheckableButtonWrapper_1mxl4 { flex: 1 1; display: block; } }

.Polaris-ResourceList__SelectButtonWrapper_1vvjw { position: relative; flex: none; }

@media (min-width: 28.625em) { .Polaris-ResourceList__SelectButtonWrapper_1vvjw { display: none; } }

.Polaris-ResourceList__EmptySearchResultWrapper_ainc2 { padding-top: var(--p-space-8); padding-bottom: var(--p-space-8); }

@media (min-height: 37.5em) { .Polaris-ResourceList__EmptySearchResultWrapper_ainc2 { padding-top: var(--p-space-16); padding-bottom: var(--p-space-16); } }

.Polaris-ResourceList__ResourceListWrapper_1a76j { position: relative; }

.Polaris-ResourceList_r589e { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; }

.Polaris-ResourceList__ItemWrapper_1kbav { position: relative; z-index: 1; overflow: hidden; max-width: 100%; }

.Polaris-ResourceList__ItemWrapper_1kbav + .Polaris-ResourceList__ItemWrapper_1kbav { border-top: var(--p-border-divider); }

.Polaris-ResourceList__ItemWrapper--isLoading_s534y { min-height: 4rem; }

.Polaris-ResourceList__SpinnerContainer_1130e { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; display: flex; justify-content: center; }

.Polaris-ResourceList__LoadingOverlay_9w444 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: flex; justify-content: center; background-color: var(--p-overlay); }

.Polaris-ResourceList__DisabledPointerEvents_1w9ib { pointer-events: none; }

.Polaris-ResourceList--disableTextSelection_1rwab { -webkit-user-select: none; user-select: none; }