collapse left menu of shopify
All Shopify (collapse left menu) by furnacex
Details
Authorfurnacex
LicenseNo License
Categoryshopify
Created
Updated
Size1.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name All Shopify (collapse left menu)
@version 20240426.03.39
@namespace https://userstyles.world/user/furnacex
@description collapse left menu of shopify
@author furnacex
@license No License
==/UserStyle== */
@-moz-document regexp("https://.*myshopify.com/admin.*"), regexp("https://admin.shopify.com/.*") {
#AppFrameMain > div > div {
/* max-width: 99rem; */
padding: 10px;
}
#AppFrameMain {
padding-left: 6rem;
}
#AppFrameNav {
max-width: 3rem !important;
z-index: 400;
overflow: hidden;
/* border-right: 2px solid gray; */
transition: max-width .1s ease-in-out .2s;
box-shadow: 0px 2px 3px 0px gray;
}
#AppFrameNav:hover {
max-width: 30rem !important;
}
/* Fix Jerky display when hovering over various elements */
div[class^="Polaris-Frame__Content_"] > div[style*="visibility: hidden"]:not(:only-child) {
display: none;
}
/* div[class^="Polaris-Frame__Content_"] > div:not([class=""]):not(:only-child) {
display: none;
} */
#app div[class^="Polaris-Frame__Content_"] div[class^="Polaris-Page_"] {
max-width: unset;
}
#app div[class^="Polaris-Page_"] {
max-width: unset;
}
tr:not(.Polaris-IndexTable__TableRow--child) .Polaris-Thumbnail {
min-width: 80px;
margin: -5px;
overflow: hidden
}
tr.Polaris-IndexTable__TableRow--child .Polaris-Thumbnail {
min-width: 50px;
margin-top: -5px;
}
.Polaris-Thumbnail > * {
height: 100%;
object-fit: cover;
}
[class^='_LineItem'] .Polaris-Thumbnail {
min-width: 80px;
margin: -5px;
overflow: hidden
}
}
@-moz-document regexp("https://.*myshopify.com/admin/apps.*"), regexp("https://admin.shopify.com/store/.*/apps/.*") {
#app div[class^="Polaris-Frame__Content_"] > div[class^="Polaris-Page_"] {
max-width: 75%;
}
}