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

web/composer: make floating

Browse source 
Signed-off-by: Sumner Evans <sumner.evans@automattic.com>
This commit is contained in:
Sumner Evans 2024-12-07 19:14:43 -07:00
parent 3288d86e29
commit cf2c79e89e
No known key found for this signature in database
4 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/index.css
View file

@ -27,6 +27,8 @@
--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;
--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);
--timeline-highlight-hover-bg-color: #eec; --timeline-highlight-hover-bg-color: #eec;
@ -103,6 +105,8 @@
--button-hover-color: rgba(255, 255, 255, .2); --button-hover-color: rgba(255, 255, 255, .2);
--light-hover-color: rgba(255, 255, 255, .1); --light-hover-color: rgba(255, 255, 255, .1);
--composer-background-color: #0a0a0a;
--timeline-hover-bg-color: #111; --timeline-hover-bg-color: #111;
--timeline-highlight-bg-color: rgba(255, 255, 0, .1); --timeline-highlight-bg-color: rgba(255, 255, 0, .1);
--timeline-highlight-hover-bg-color: #331; --timeline-highlight-hover-bg-color: #331;
@ -115,7 +119,7 @@
--room-list-entry-hover-color: rgba(255, 255, 255, 0.075); --room-list-entry-hover-color: rgba(255, 255, 255, 0.075);
--room-list-entry-selected-color: rgba(255, 255, 255, 0.125); --room-list-entry-selected-color: rgba(255, 255, 255, 0.125);
--modal-box-shadow-color: rgba(255, 255, 255, 0.1); --modal-box-shadow-color: rgba(255, 255, 255, 0.04);
--emoji-selected-border-color: #131; --emoji-selected-border-color: #131;

8
web/src/ui/composer/Autocompleter.css
View file

@ -5,9 +5,11 @@ div.autocompletions-wrapper {
div.autocompletions { div.autocompletions {
position: absolute; position: absolute;
bottom: 0; bottom: 1.2rem;
border-top: 1px solid var(--border-color); left: 1.6rem;
border-right: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 0.5rem;
box-shadow: 0 0 1rem var(--modal-box-shadow-color);
background-color: var(--background-color); background-color: var(--background-color);
padding: .5rem; padding: .5rem;
max-height: 20rem; max-height: 20rem;

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

@ -1,9 +1,14 @@
div.message-composer { div.message-composer {
border-top: 1px solid var(--border-color); margin: -1rem 1.6rem 0 1.6rem;
background-color: var(--composer-background-color);
border: 1px solid var(--border-color);
border-radius: 0.5rem;
overflow: hidden; overflow: hidden;
grid-area: input; grid-area: input;
/* WebKit/Safari requires this hack for some reason, works fine without in other browsers */ /* WebKit/Safari requires this hack for some reason, works fine without in other browsers */
min-height: 2.25rem; min-height: 2.25rem;
z-index: 999;
box-shadow: 0 0 1rem var(--modal-box-shadow-color);
blockquote.reply-body > pre { blockquote.reply-body > pre {
text-wrap: auto !important; text-wrap: auto !important;

2
web/src/ui/timeline/TimelineView.css
View file

@ -1,5 +1,5 @@
div.timeline-view { div.timeline-view {
padding: 1rem; padding: 1rem 0 2rem 0;
overflow-y: scroll; overflow-y: scroll;
display: flex; display: flex;