scroll within minibasket

[lesliekirk]

I need to figure out how to make the contents within the minibasket scroll. I know that part of the problem is the thumbnail size (100px tall) and I'll probably have to dissuade the usage of that size, but if you have a lot of products in the basket, there is no way to scroll within the minibasket itself to see the bottom of it.

If I add 10 products to this basket I can't see the bottom on my screen.

Also another oddity, in iOS when there is only 1 product in the minibasket, the checkout link in the minibasket does not display. It does seem to display with multiple products. There is no conditional code wrapped around this link. It displays in other OS's.

Leslie

[Bruce - PhosphorMedia]

Re: scroll within minibasket

See if you can wrap JUST the item list in the minibasket display. If so, fix the height and width and add scrolling:

width:150px;
height:150px;
overflow:scroll;

You can stylize the scroll somewhat with:

#miniB ::-webkit-scrollbar{width:9px;height:9px;}
#miniB ::-webkit-scrollbar-button:start:decrement,#doc ::-webkit-scrollbar-button:end:increment{display:block;height:0;backgr ound-color:transparent;}
#miniB ::-webkit-scrollbar-track-piece{background-color:#FAFAFA;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}
#miniB ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;-webkit-border-radius:8px;}
#miniB ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#999;-webkit-border-radius:8px;}

AND

<!--
#miniB {scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
}

(the last is for ie. Not supported 100%, but its just a scrollbar...otherwise you have to resort to JS/jQuery.)