github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-03 18:23:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
041ac3d8b7
discourse/plugins/chat/assets/stylesheets/common/chat-user-threads.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

66 lines
1.2 KiB
SCSS
Raw Normal View History

UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
.c-user-thread {
padding-block: 1.25rem;
margin-inline: 1rem;
border-bottom: 1px solid var(--primary-low);
.c-unread-indicator {
width: 8px;
height: 8px;
align-self: flex-start;
}
FEATURE: my threads page (#24771) This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created). Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 14:38:07 +08:00
.chat-message-thread-indicator {
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
margin-left: 0;
margin-top: 1rem;
&:hover {
box-shadow: none;
}
}
UX: expand threads list tap area on mobile (#26818) This change adds a wrapper link around the thread list details on mobile to make the click area larger. We also update child div elements to span to ensure valid html, since the link is an inline element and divs are block level. --------- Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com>
2024-05-09 16:45:02 +08:00
.chat__thread-title {
&-container {
display: flex;
gap: 1rem;
}
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
UX: expand threads list tap area on mobile (#26818) This change adds a wrapper link around the thread list details on mobile to make the click area larger. We also update child div elements to span to ensure valid html, since the link is an inline element and divs are block level. --------- Co-authored-by: chapoi <101828855+chapoi@users.noreply.github.com>
2024-05-09 16:45:02 +08:00
&__name {
font-size: var(--font-up-1-rem);
word-break: break-all;
&:hover {
color: var(--primary-very-high);
}
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
}
FEATURE: my threads page (#24771) This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created). Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 14:38:07 +08:00
}
UX: Chat Sizing on Mobile (#25543) * UX: increase font-size of last message + decrease emoji size * UX: decrease size of username emoji * UX: Mobile chat index cleanup * UX: decrease size of chat-channel-title in thead list
2024-02-02 21:29:07 +08:00
.chat-channel-icon {
font-size: var(--font-down-1-rem);
}
.chat-channel-name {
font-size: var(--font-down-1-rem);
color: var(--primary-high);
}
FEATURE: my threads page (#24771) This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created). Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 14:38:07 +08:00
.chat-channel-title__name {
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
color: var(--primary-high);
FEATURE: my threads page (#24771) This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created). Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 14:38:07 +08:00
font-size: var(--font-down-1);
}
}
FIX: Hide 'My Threads' if no followed channels have threads (#25470) Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-01-30 21:53:32 +08:00
.c-user-threads .empty-state-threads {
display: flex;
justify-content: center;
padding: 1.25rem 1rem;
font-size: var(--font-up-1-rem);
color: var(--primary);
}
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
//sidebar
#sidebar-section-content-user-threads {
UX: new sidebar styling (#29119)
2024-10-08 17:28:36 +08:00
padding-bottom: 0.35em;
UX: user threads styling tweaks
2023-12-13 21:10:52 +08:00
.sidebar-section-link-content-text {
UX: new sidebar styling (#29119)
2024-10-08 17:28:36 +08:00
color: var(--d-sidebar-link-color);
FEATURE: my threads page (#24771) This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created). Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 14:38:07 +08:00
}
}
Reference in New Issue Copy Permalink