Better display of etsy variant list
Etsy product - variant list by furnacex
Details
Authorfurnacex
LicenseNo License
Categoryetsy
Created
Updated
Size2.6 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 www.etsy.com - variant list
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document regexp("https://www.etsy.com/your/shops/.*/listings/.*") {
#SKU {
width: 400px;
}
tr {
display: grid;
grid-template-columns: 2em 8rem 22rem 22rem 0rem 25rem 9rem 7rem auto;
/* two options */
grid-template-columns: 2em 8rem 22rem 0rem 25rem 9rem 7rem auto;
/* one option */
}
tr td {
width: unset !important;
padding: 0 !important;
white-space: normal;
}
tr td span {
white-space: break-spaces;
}
tr td input {
max-width: unset !important;
min-width: unset !important;
}
tr td > div {
width: 100% !important;
/* height: 100% !important; */
height: 50px !important;
/* max-width: 80px; */
/* max-height:80px; */
}
table tr td:nth-child(2) {
transition: all .25s ease-in-out .2s;
transform-origin: center left;
border: 0;
padding-right: 9px !important;
}
table tr td:nth-child(2):hover {
z-index: 40;
transform: scale(5);
background: white;
}
[class^="Polaris-Thumbnail_"] {
position: unset;
border: 0;
border-radius: 0;
}
.ui-toolkit .table-scrollable-y {
overflow-y: auto;
max-height: 800px;
}
.ui-toolkit .table-scrollable-x {
overflow-x: auto;
}
#variations-component [class*="col-xs-"] {
padding-left: 0;
padding-right: 0;
}
[data-region="images"] .col-sm-8.col-xl-9.col-tv-10 {
width: 100%;
}
[data-region="images"] .col-sm-4.col-xl-3.col-tv-2 {
display: none;
}
[data-region="images"] .block-grid-item {
padding: 2px;
margin-bottom: -5px;
}
.ui-toolkit .img-control-group {
height: 15%;
}
[data-region="images"] .block-grid-xl-5 > .block-grid-item {
width: 25%;
}
/* HIDE ADD VIDEO SECTION */
[data-region="listing-videos"] {
display: none !important;
}
/* [data-region="listing-videos"] .wt-text-title-02, [data-region="listing-videos"] p {
display: none !important;
}
[data-region="listing-videos"] div.wt-grid > div:nth-child(1), [data-region="listing-videos"] div.wt-grid > span {
display: none !important;
} */
}