Shopify Product Layout by furnacex

/* ==UserStyle==
@name         Shopify Product Layout
@version      20230725.18.45
@namespace    userstyles.world/user/furnacex
@description  Use wide screen to better display shopify admin product info.
@author       furnacex
@license      No License
==/UserStyle== */

@-moz-document regexp("(?!.*(?:variants))(?!.*(?:inventory))https://.*myshopify.com/admin/products/.*"), regexp("(?!.*(?:variants))(?!.*(?:inventory))https://admin.shopify.com/store/.*/products/.*") {
/* MOVE RIGHT COLUMN TO BOTTOM (I.E. SINGLE COLUMN) */
[class^="Polaris-Layout__Section_"] {
	flex: unset;
	min-width: 99%;
}

/* [class^="Polaris-Layout__Section--secondary_"] {
    flex: unset;
    min-width: 50%;
    display: flex;
    flex-wrap: wrap;
}
 */
#AppFrameMain > div > div {
	max-width: unset;
	padding: 10px;
}
/* PUT INFO FROM RIGHT COLUMN IN ROW BELOW VARIANT INFO */
[class*="Polaris-Layout__Section--secondary"] {
	display: flex;
	flex-wrap: wrap;
}
[class*="Polaris-Layout__Section--secondary"] :nth-child(3) {
	order: 4;
	display: flex;
	flex-wrap: wrap;
}

[data-has-navigation] [class^="Polaris-Card_"] {
	flex: 2 1 30%;
}

/* REMOVE 'ORGANIZATION' TITLE */
[class*="Polaris-Layout__Section--secondary"] :nth-child(3) [class*="Polaris-Card__Header"] {
	display: none;
}


[class*="Polaris-Layout__Section--secondary"] :nth-child(3) [class*="Polaris-Card__Section"] {
	flex: 2 1 20% !important;
}

/* THUMBNAIL PICKER */
div[class*="Polaris-Modal-Dialog__Modal_"] {
	max-width: 99%;
}

#LargerSelectionArea {
	width: 2rem;
}

table thead tr th {
	padding-left: 1px !important;
}

/* VARIANT COLUMN WIDTHS DEPENDING ON NUMBER OF OPTIONS */
div [id^="gid://shopify/ProductVariant/"] :nth-child(2) :nth-child(1),
#SingleLocationVariantListVariantListHeaders {
	/*  grid-template-columns: 28rem 14rem 14rem 9rem 8rem 4rem 24rem auto !important; */
	/* THREE VARIANT OPTIONS */
	/*     grid-template-columns: 28rem 14rem 9rem 8rem 4rem 24rem auto !important; */
	/* TWO VARIANT OPTIONS */
	/*  grid-template-columns: 28rem 3rem 8rem 4rem 24rem auto !important;  /* ONE VARIANT OPTIONS */
	grid-gap: 0;
}
table[class^="Polaris-IndexTable__Table"] tbody tr td {
	padding: 0px 1px !important;
	word-break: unset !important;
	min-width: unset !important;
	margin-bottom: 2px !important;
	height: 35px;
}
table[class^="Polaris-IndexTable__Table"] tr {
	/*  grid-template-columns: 2rem 6rem 15rem 6rem 6rem 5rem 20rem auto !important; */
	/*  grid-template-columns: 2rem 6rem 13rem 5rem 6.5rem 6.5rem 4rem 4rem 14rem 15rem auto !important; */
	/*     grid-template-columns: 3rem 4rem 13rem 6rem 6.5rem 6.5rem 4rem 4rem 15rem auto !important; */
	/* see individual grid templates below for each site */
	display: grid;
	height: 35px;
}
table th {
	overflow: hidden;
}
/* Enlarge Variant Thumbnails on Hover */
table tr td:nth-child(2) {
	transition: all ease-in-out .2s;
	transform-origin: center left;
	/*     transform: translateX(-2.5rem); */
}
table tr td:nth-child(2):hover {
	z-index: 40 !important;
	/*     transform: scale(4) translateX(calc(-2.5rem / 4)); */
	transform: scale(4);
	border: 0;
}
[class^="Polaris-Thumbnail_"] {
	position: unset;
	border: 0;
	border-radius: 0;
}

/* Make first product image fill container */
[class^="Polaris-DropZone__Container_"] button img {
	width: 100%;
}
}

@-moz-document regexp("https://.*myshopify.com/admin/products[^/]*"), regexp("https://.*myshopify.com/admin/collections[^/]*"), regexp("https://admin.shopify.com/store/.*/products[^/]*"), regexp("https://admin.shopify.com/store/.*/collections[^/]*") {
[class^="Polaris-Thumbnail_"] {

    position: unset;
    border: 0;
    border-radius: 0;
    z-index: 1;
}
table tr td:nth-child(2) {
    transition: all .25s ease-in-out .2s;
    transform-origin: center left;
    border: white solid;
    border-width: 1px 10px;
}
table tr td:nth-child(2):hover {
    z-index: 40;
    transform: scale(4);
}
}

@-moz-document regexp("(?!.*(?:variants))https://.*myshopify.com/admin/collections/.*"), regexp("(?!.*(?:variants))https://admin.shopify.com/store/.*/collections/.*") {
[class^="Polaris-Thumbnail_"] {
    border: 0;
    border-radius: 0;
    z-index: 1;
    transition: all .25s ease-in-out .2s;
    transform-origin: center left;
}
[class^="Polaris-Thumbnail_"]:hover {
    z-index: 40;
    transform: scale(4);
}
}

@-moz-document regexp("(?!.*(?:variants))(?!.*(?:inventory))https://dahliawb.myshopify.com/admin/products/.*"), regexp("(?!.*(?:variants))(?!.*(?:inventory))https://admin.shopify.com/store/dahliawb/products/.*") {
table[class^="Polaris-IndexTable__Table"] tr {
    grid-template-columns: 3rem 3rem 13rem 4rem 4rem 4rem 4rem 4rem 4rem 18rem auto !important;
}
table[class^="Polaris-IndexTable__Table"] td  {
	max-width: 100%;
}
table[class^="Polaris-IndexTable__Table"] input  {
	padding: 0 !important;
}
table[class^="Polaris-IndexTable__Table"] [class^="Polaris-TextField__Prefix"] {
	margin-left: 3px;
	margin-right: 3px;
}

table[class^="Polaris-IndexTable__Table"] [class*="Polaris-IndexTable__TableCell--flush"] > span > div {
	width: 100%;
	padding-right: 0px;
	min-width: unset;
}
}

@-moz-document regexp("(?!.*(?:variants))(?!.*(?:inventory))https://weargales.myshopify.com/admin/products/.*"), regexp("(?!.*(?:variants))(?!.*(?:inventory))https://admin.shopify.com/store/weargales/products/.*") {
table[class^="Polaris-IndexTable__Table"] tr {
    grid-template-columns: 3rem 4rem 13rem 6rem 6.5rem 6.5rem 4rem 16rem auto !important;
}
}