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

Shopify’s admin product component library

.Polaris-ResourceList__FiltersWrapper_13e37 { padding: 0.75rem 0.75rem 1rem; }

@media (min-width: 28.625em) { .Polaris-ResourceList__FiltersWrapper_13e37 { padding: 1rem; } }

.Polaris-ResourceList__FiltersWrapper_13e37 + .Polaris-ResourceList_r589e { border-top: 0.0625rem solid var(--p-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-wide); border-top-right-radius: var(--p-border-radius-wide); }

.Polaris-ResourceList__HeaderOuterWrapper_1izjo + .Polaris-ResourceList_r589e { border-top: 0.0625rem solid var(--p-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: -1rem; }

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

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

.Polaris-ResourceList__HeaderWrapper--isSticky_795g9 { box-shadow: 0 0 0 0.0625rem rgba(63, 63, 68, 0.05), 0 0.0625rem 0.1875rem 0 rgba(63, 63, 68, 0.15); }

.Polaris-ResourceList__HeaderContentWrapper_do6y8 { position: absolute; z-index: 1; right: 0.75rem; left: 0.75rem; display: flex; min-height: 2.25rem; opacity: 1; transition: opacity cubic-bezier(0.25, 0.1, 0.25, 1) 200ms; }

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

@media (min-width: 28.625em) { .Polaris-ResourceList__HeaderContentWrapper_do6y8 { right: 1rem; left: 1rem; 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: 0.5rem; }

@media (min-width: 28.625em) { .Polaris-ResourceList__SortWrapper_1kang, .Polaris-ResourceList__AlternateToolWrapper_1vsdh { position: relative; left: auto; flex: 0 1 auto; margin-left: 1rem; }
  .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: 0.25rem; 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: 2rem; padding-bottom: 2rem; }

@media (min-height: 37.5em) { .Polaris-ResourceList__EmptySearchResultWrapper_ainc2 { padding-top: 4rem; padding-bottom: 4rem; } }

.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: 0.0625rem solid var(--p-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; }