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); --button-hover-color: rgba(0, 0, 0, .2);
--light-hover-color: rgba(0, 0, 0, .1); --light-hover-color: rgba(0, 0, 0, .1);
--composer-background-color: #eeeeee; --composer-background-color: #f0f0f0;
--timeline-hover-bg-color: #eee; --timeline-hover-bg-color: #eee;
--timeline-highlight-bg-color: rgba(255, 255, 0, .1); --timeline-highlight-bg-color: rgba(255, 255, 0, .1);
@ -44,7 +44,7 @@
--room-list-entry-selected-color: rgba(0, 0, 0, 0.125); --room-list-entry-selected-color: rgba(0, 0, 0, 0.125);
--dimmed-overlay-background-color: rgba(0, 0, 0, .75); --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; --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 { > div.composer-media, > div.composer-location {
display: flex; display: flex;
padding: .5rem; padding: .5rem .5rem 0;
justify-content: space-between; justify-content: space-between;
> button { > button {

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

@ -1,6 +1,6 @@
div.typing-notifications { div.typing-notifications {
grid-area: typing; grid-area: typing;
height: 1.6rem; height: 1.5rem;
margin: 0 var(--timeline-horizontal-padding); margin: 0 var(--timeline-horizontal-padding);
display: flex; display: flex;
gap: 0.5rem; 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) const typing = useRoomTyping(room).filter(u => u !== client.userID)
let loader: JSX.Element | null = null let loader: JSX.Element | null = null
if (typing.length > 0) { 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 avatars: JSX.Element[] = []
const memberNames: string[] = [] 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 { &:hover, &.composer {
> div.message-text { > div.message-text {
color: var(--text-color); color: var(--text-color);

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

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