constrain photos to a fixed block regardless of aspect ratio
This commit is contained in:
parent
d1dfddbe80
commit
50c137d152
@ -660,11 +660,33 @@ aside li {
|
||||
}
|
||||
|
||||
.photo-top-photo, .photo-album-photo {
|
||||
padding: 10px;
|
||||
/* padding: 10px;
|
||||
max-width: 300px;
|
||||
border: 1px solid #888888;
|
||||
*/
|
||||
position: absolute;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.photo-top-image-wrapper, .photo-album-image-wrapper {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.photo-top-photo-link, .photo-album-photo-link {
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 0;
|
||||
padding: 75% 0 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.photo-album-image-wrapper .caption {
|
||||
background-color: $acpopup_bgcolour;
|
||||
|
Reference in New Issue
Block a user