skrd/musiclist-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Borde bajo subtitulo de entity-list grid

Browse Source
This commit is contained in:
Daniel Cortes
2020-06-17 07:45:25 -04:00
parent 3bf02a1b2c
commit b00e207c56
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/EntityList.scss
View File

@@ -77,7 +77,7 @@ ul.entity-list {
justify-content: space-between; justify-content: space-between;
.entity-item { .entity-item {
padding-bottom: .5em; padding-bottom: .75em;
a { a {
.cover { .cover {
width: 250px; width: 250px;
@@ -88,16 +88,14 @@ ul.entity-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.title { .title, .subtitle {
max-width: 250px; max-width: 250px;
width: max-content;
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.subtitle {
}
} }
} }
} }
@@ -129,7 +127,8 @@ ul.entity-list {
// Highligth Grid // Highligth Grid
.entity-list.grid{ .entity-list.grid{
.entity-item { .entity-item {
.body .title:after { .body{
.title:after, .subtitle:after {
display: block; display: block;
content: ''; content: '';
border-bottom: solid var(--line-width) var(--accent); border-bottom: solid var(--line-width) var(--accent);
@@ -137,6 +136,7 @@ ul.entity-list {
width: 0; width: 0;
margin-top: -5px; margin-top: -5px;
} }
}
.cover { .cover {
outline: none; outline: none;
@@ -148,9 +148,11 @@ ul.entity-list {
outline: 6px var(--accent) solid; outline: 6px var(--accent) solid;
outline-offset: -6px; outline-offset: -6px;
} }
.body .title:after { .body{
.title:after, .subtitle:after {
width: 100%; width: 100%;
} }
} }
} }
}
} }