hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

implement list item styles

Browse source
This commit is contained in:
Henry Jameson 2024-02-29 17:49:56 +02:00
commit 28c7fac9f0
10 changed files with 103 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/chat_list_item/chat_list_item.scss
View file

@ -1,8 +1,6 @@
.chat-list-item {
display: flex;
flex-direction: row;
padding: 0.75em;
height: 5em;
overflow: hidden;
box-sizing: border-box;
cursor: pointer;
@ -12,7 +10,6 @@
}
&:hover {
background-color: var(--selectedPost, $fallback--lightBg);
box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
}
@ -29,7 +26,7 @@
.heading {
width: 100%;
display: inline-flex;
display: flex;
justify-content: space-between;
line-height: 1em;
}
@ -47,18 +44,17 @@
}
.chat-preview {
display: inline-flex;
display: flex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0.35em 0;
color: $fallback--text;
color: var(--faint, $fallback--text);
color: var(--faintText);
width: 100%;
}
a {
color: var(--faintLink, $fallback--link);
color: var(--faintLink);
text-decoration: none;
pointer-events: none;
}