CSS: Fix Large list titles and fix hover on audio gif thumbnails
This commit is contained in:
parent
4ff12294a7
commit
7d4cc58def
2 changed files with 10 additions and 1 deletions
|
@ -7,7 +7,7 @@ $transition-duration: 300ms;
|
||||||
// Classnames must line up with classes in classes.js
|
// Classnames must line up with classes in classes.js
|
||||||
.ff-container {
|
.ff-container {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: absolute;
|
||||||
|
|
||||||
.ff-image {
|
.ff-image {
|
||||||
z-index: $base-zindex;
|
z-index: $base-zindex;
|
||||||
|
|
|
@ -136,9 +136,18 @@
|
||||||
.file-page__recommended-collection {
|
.file-page__recommended-collection {
|
||||||
@extend .file-page__recommended;
|
@extend .file-page__recommended;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
|
||||||
.file-page__recommended-collection__row {
|
.file-page__recommended-collection__row {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
|
@media (min-width: $breakpoint-medium) {
|
||||||
|
max-width: 15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: $breakpoint-medium) {
|
||||||
|
max-width: 50rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue