subtype/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

improvements to chats view

Browse source
This commit is contained in:
Henry Jameson 2022-04-26 18:50:11 +03:00
parent 4e4c96dfaf
commit cc84485650
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.scss
View file

@ -140,7 +140,6 @@ nav {
} }
#main-scroller { #main-scroller {
margin-top: var(--navbar-height);
grid-area: content; grid-area: content;
position: relative; position: relative;
} }
@ -206,13 +205,18 @@ nav {
row-gap: var(--___columnMargin); row-gap: var(--___columnMargin);
align-content: start; align-content: start;
&:not(.-scrollable) {
margin-top: var(--navbar-height);
}
&:hover { &:hover {
z-index: 2; z-index: 2;
} }
&.-full-height { &.-full-height {
margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
} }
&.-scrollable { &.-scrollable {

5
src/components/chat/chat.scss
View file

@ -1,9 +1,6 @@
.chat-view { .chat-view {
display: flex; display: flex;
height: 100%; height: 100%;
// Stick the form to the top/bottom of screen
margin-bottom: calc(var(--___columnMargin) / -2);
margin-top: calc(var(--___columnMargin) / -2);
.chat-view-inner { .chat-view-inner {
height: auto; height: auto;
@ -23,8 +20,6 @@
margin: 0 0 0 0; margin: 0 0 0 0;
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;
margin-bottom: calc(var(--___columnMargin) * -1);
padding-bottom: var(--___columnMargin);
&::after { &::after {
border-radius: 0; border-radius: 0;