Feed sidebar style fixes

This commit is contained in:
kvakazyambra 2023-11-15 23:27:43 +03:00
parent 1772be044c
commit df983e1c60
3 changed files with 8 additions and 15 deletions

View File

@ -19,11 +19,12 @@
align-items: center;
display: flex;
position: relative;
}
@include media-breakpoint-up(md) {
overflow: hidden;
text-overflow: ellipsis;
}
.sidebarItemNameLabel {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userpic {
@ -109,7 +110,6 @@
display: inline-block;
line-height: 1;
height: 2.4rem;
margin-bottom: 0.2rem;
margin-right: 0.8rem;
min-width: 2.4rem;
text-align: center;

View File

@ -131,7 +131,7 @@ export const Sidebar = () => {
>
<div class={styles.sidebarItemName}>
<Userpic name={author.name} userpic={author.userpic} size="XS" class={styles.userpic} />
{author.name}
<div class={styles.sidebarItemNameLabel}>{author.name}</div>
</div>
</a>
</li>
@ -146,7 +146,7 @@ export const Sidebar = () => {
>
<div class={styles.sidebarItemName}>
<Icon name="hash" class={styles.icon} />
{topic.title}
<div class={styles.sidebarItemNameLabel}>{topic.title}</div>
</div>
</a>
</li>

View File

@ -8,8 +8,7 @@
}
.feedNavigation {
@include font-size(1.6rem);
@include font-size(1.4rem);
font-weight: 500;
h4 {
@ -34,12 +33,6 @@
margin: 0 0 1rem;
white-space: nowrap;
width: 100%;
a,
strong {
display: flex;
justify-content: space-between;
}
}
a {