n/nyxmuks
1
0
Fork 0
forked from Mirrors/gomuks
Code Pull requests Activity

web/css: adjust some values

Browse source
This commit is contained in:
Tulir Asokan 2024-12-10 23:51:09 +02:00
parent a31b309e2e
commit 6d744d90ba
6 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/index.css
View file

@ -27,7 +27,7 @@
--button-hover-color: rgba(0, 0, 0, .2);
--light-hover-color: rgba(0, 0, 0, .1);
--composer-background-color: #eeeeee;
--composer-background-color: #f0f0f0;
--timeline-hover-bg-color: #eee;
--timeline-highlight-bg-color: rgba(255, 255, 0, .1);
@ -44,7 +44,7 @@
--room-list-entry-selected-color: rgba(0, 0, 0, 0.125);
--dimmed-overlay-background-color: rgba(0, 0, 0, .75);
--modal-box-shadow-color: rgba(0, 0, 0, 0.15);
--modal-box-shadow-color: rgba(0, 0, 0, 0.1);
--emoji-selected-border-color: #cec;

2
web/src/ui/composer/MessageComposer.css
View file

@ -43,7 +43,7 @@ div.message-composer {
> div.composer-media, > div.composer-location {
display: flex;
padding: .5rem;
padding: .5rem .5rem 0;
justify-content: space-between;
> button {

2
web/src/ui/composer/TypingNotifications.css
View file

@ -1,6 +1,6 @@
div.typing-notifications {
grid-area: typing;
height: 1.6rem;
height: 1.5rem;
margin: 0 var(--timeline-horizontal-padding);
display: flex;
gap: 0.5rem;

2
web/src/ui/composer/TypingNotifications.tsx
View file

@ -30,7 +30,7 @@ const TypingNotifications = () => {
const typing = useRoomTyping(room).filter(u => u !== client.userID)
let loader: JSX.Element | null = null
if (typing.length > 0) {
loader = <PulseLoader size={5} color="var(--primary-color)" />
loader = <PulseLoader speedMultiplier={0.5} size={5} color="var(--primary-color)" />
}
const avatars: JSX.Element[] = []
const memberNames: string[] = []

4
web/src/ui/timeline/ReplyBody.css
View file

@ -22,6 +22,10 @@ blockquote.reply-body {
}
}
&.composer {
margin: .5rem .5rem 0;
}
&:hover, &.composer {
> div.message-text {
color: var(--text-color);

5
web/src/ui/timeline/TimelineEvent.css
View file

@ -1,6 +1,7 @@
div.timeline-event {
width: calc(100% - 2 * var(--timeline-horizontal-padding));
max-width: calc(100% - 2 * var(--timeline-horizontal-padding));
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0 var(--timeline-horizontal-padding);
display: grid;
grid-template: