Fix media browse item width (#6870)

This commit is contained in:
Zack Barett 2020-09-09 17:03:11 -05:00 committed by GitHub
parent 3039c678a5
commit 41b86e6c10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -630,13 +630,20 @@ export class HaMediaPlayerBrowse extends LitElement {
display: grid;
grid-template-columns: repeat(
auto-fit,
minmax(var(--media-browse-item-size, 175px), 0.33fr)
minmax(var(--media-browse-item-size, 175px), 0.1fr)
);
grid-gap: 16px;
margin: 8px 0px;
padding: 0px 24px;
}
:host([dialog]) .children {
grid-template-columns: repeat(
auto-fit,
minmax(var(--media-browse-item-size, 175px), 0.33fr)
);
}
.child {
display: flex;
flex-direction: column;
@ -689,6 +696,7 @@ export class HaMediaPlayerBrowse extends LitElement {
.child .title {
font-size: 16px;
padding-top: 8px;
padding-left: 2px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;