Options
Thumbnail Tiles Clipped in Smugmug style?
zubenelgenubi
Registered Users Posts: 67 Big grins
Hi there,
I'm new to dgrin, so I hope the problem described below isn't an old and well known bug...
I'm trying to customize my smugmug gallery style so that the thumbnails have borders and a drop shadow. But I find that only enough pixels are allocated to thumbnail tiles in the "long" direction to render the photo thumbnail itself. If I use CSS to put a border and/or drop shadow on the thumbnails, this should widen the overall final tile. But the aren't enough pixels allocated in the "long" direction to draw these extra elements. The result is a visually unappealing truncated display. You can see an example of this in the following gallery:
http://zubenelgenubi.smugmug.com/MostlyLandscapes-1/AceLake
The thin black border is not drawn on the right-side of the the thumbnail tiles. I tried adding some margin, but it only shifts what's drawn - it still doesn't allocate enough pixels to draw the thumbnail plus border. Drop shadows are similarly truncated. I see this problem when using either Firefox or IE, on windows 7 or Windows XP.
Borders and drop shadows greatly improve the appearance if there's a background image, as they provide some demarcation of the edge of a photo or thumbnail.
The problem doesn't occur in the short direction, so it seems like a bug to me?
I'm new to dgrin, so I hope the problem described below isn't an old and well known bug...
I'm trying to customize my smugmug gallery style so that the thumbnails have borders and a drop shadow. But I find that only enough pixels are allocated to thumbnail tiles in the "long" direction to render the photo thumbnail itself. If I use CSS to put a border and/or drop shadow on the thumbnails, this should widen the overall final tile. But the aren't enough pixels allocated in the "long" direction to draw these extra elements. The result is a visually unappealing truncated display. You can see an example of this in the following gallery:
http://zubenelgenubi.smugmug.com/MostlyLandscapes-1/AceLake
The thin black border is not drawn on the right-side of the the thumbnail tiles. I tried adding some margin, but it only shifts what's drawn - it still doesn't allocate enough pixels to draw the thumbnail plus border. Drop shadows are similarly truncated. I see this problem when using either Firefox or IE, on windows 7 or Windows XP.
Borders and drop shadows greatly improve the appearance if there's a background image, as they provide some demarcation of the edge of a photo or thumbnail.
The problem doesn't occur in the short direction, so it seems like a bug to me?
0
Comments
/* Set the overflow of the images to be visible so the border actually displays properly */
.sm-user-ui .sm-gallery-smugmug .sm-tile-content {
position: relative;
display: block;
overflow: visible;
}