jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 01:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix media browse item width (#6870)

Browse Source
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
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/media-player/ha-media-player-browse.ts
View File

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