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

30
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,13 +127,15 @@ ul.entity-list {
// Highligth Grid // Highligth Grid
.entity-list.grid{ .entity-list.grid{
.entity-item { .entity-item {
.body .title:after { .body{
display: block; .title:after, .subtitle:after {
content: ''; display: block;
border-bottom: solid var(--line-width) var(--accent); content: '';
transition: width 300ms ease-in; border-bottom: solid var(--line-width) var(--accent);
width: 0; transition: width 300ms ease-in;
margin-top: -5px; width: 0;
margin-top: -5px;
}
} }
.cover { .cover {
@@ -148,8 +148,10 @@ ul.entity-list {
outline: 6px var(--accent) solid; outline: 6px var(--accent) solid;
outline-offset: -6px; outline-offset: -6px;
} }
.body .title:after { .body{
width: 100%; .title:after, .subtitle:after {
width: 100%;
}
} }
} }
} }