I had enough! So I fixed the things which I was bitching about.
Viewing long model names in My Models
Long Model & Product names in Model Edit
Long Product names in My Inventory
Long Model names in the three drop-downs in Product Edit
CSS & Stylish are not my strong suite, I hacked this together with trial-and-error™ so there may be side-effects, seems to work tho.
Only tested with Firefox.
You need the Stylish addon and this definition:
(remove the lines flagged debug or change the color if you don't like them)
EDIT - I'm updating the below when I add new features
Code:
@namespace url(https://www.w3.org/1999/xhtml);
@-moz-document domain("www.shapeways.com") {
/* Fix the worst unusable bits for a designer on shapeways
Make/My-Models - make the model name wrap
Edit-Model - make input box big to hold full name, move to left & move update button. product drop down full name
Make/Shop-Inventory - show full name, force two lines for alignment
Edit-Product - make Model drop-downs full width (@ top & in pricing & pose)
Remove the lines flagged with debug or change the colours if you don't like them.
*/
/* Make/My-Models - make the model name wrap */
.my-models-list-title a
{
white-space: normal;
color:blue !important; /* debug */
}
/* body.sct-shop */ .grid-view .product-box .product-name {
height: 36px;
white-space: normal;
background-color: azure !important; /* debug */
}
/* Edit-Model - make input box big to hold full name, move to left & move update button */
#model-details-overview input.sw--padding-top-1-force
{
/*float:left;*/
margin-bottom: 5px !important;
width: 100% !important;
color:green; /* debug */
}
#model-details-overview strong.file-name.span-4.last {
float:none !important;
/* color:chartreuse; debug */
}
#model-details-overview span.span-2.breath-right-small {
float:left !important;
}
#model-details-overview button.btn.weight-bold.small.sw--margin-left-1 {
display: inherit;
}
/* Edit-Model - product drop down full name */
div.col-1-4 .minict_wrapper ul
{
width: 180%;
color: purple; /* debug */
}
/* Edit-Product - make Model drop-downs full width (@ top & in pricing & pose) */
div.render-pose-controls .minict_wrapper ul,
div.product-title-row .minict_wrapper ul,
div.model-pricing-table .minict_wrapper ul
{
width: auto;
color: red; /* debug */
}
/* White background & black text for left nav menu */
div.sw-left-side-nav.sw-left-side-nav--show.sw--position-absolute.sw--height-full.sw--padding-vert-3.sw--text-lighter-gray.sw--bg-dark-blue-green
{
background-color: #FFFFFF;
border-right-width: 2px;
border-right-style: dotted;
}
div.sw-left-side-nav__link.sw--padding-left-1-percent.sw--padding-vert-1.sw--text-white.sw--font-weight-bold.sw--font-size-14
{
color: #000000;
}
.sw-left-side-nav__link
{
opacity: 0.5;
}
.sw-left-side-nav__link--active {
border-left:5px solid #4FC9FF;
opacity:1
}
#order-details span.product-title.truncate{
white-space: normal !important;
}
/* This moved the 3D view down & left */
/*
#model-design-model-details {
width: auto;
}
#model-design-x3dom {
float:left;
height: auto;
box-shadow: 5px 5px 5px grey; /* debug */
/*
}
*/
}