michael/cordis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

last few messages things

Browse Source
This commit is contained in:
Michael Peters 2021-12-24 18:30:43 -06:00
parent 16054af1f8
commit 6f715ccc87
3 changed files with 0 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/webapp/index.html
View File

@ -69,9 +69,6 @@
</div>
<div id="channel-content">
<div id="channel-feed-wrapper">
<div id="channel-feed-content-wrapper">
<div id="channel-feed"></div>
</div>
<div class="message-list-anchor"></div>
<div id="channel-feed-input-wrapper">
<div id="channel-feed-input">

42
src/client/webapp/styles/channel-feed.scss
View File

@ -15,48 +15,6 @@ $borderRadius: 8px;
flex-direction: column;
}
#channel-feed-content-wrapper {
/* https://stackoverflow.com/q/18614301 */
/* to keep the scrollbar at the bottom by default */
box-sizing: border-box;
display: none;//flex;
flex-direction: column-reverse;
padding-bottom: calc(16px + 8px);
margin-bottom: calc(65px - $scrollbarBottom - $borderRadius);
height: calc(100vh - 71px - 65px + 4px + 8px); /* TODO: Going to have to find a way to do this without a fixed height since the message box needs to be scalable */
overflow-y: scroll;
overflow-x: hidden;
}
#channel-feed {
.date-spacer {
display: flex;
align-items: center;
padding-left: 16px;
padding-right: 16px;
.line {
flex: 1;
height: 1;
background-color: $background-modifier-accent;
}
.date {
font-size: 12px;
line-height: 13px;
font-weight: 600;
color: $text-muted;
padding: 2px 4px;
margin: 0 8px;
}
}
.message:hover {
background-color: $background-message-hover;
}
}
#channel-feed-input-wrapper {
position: relative;
height: 0;

4
src/client/webapp/styles/scrollbars.scss
View File

@ -2,12 +2,10 @@
/* channel feed custom scrollbar */
/* Note: Using this hack... https://stackoverflow.com/questions/29866759/how-do-i-add-a-margin-to-a-css-webkit-scrollbar */
#channel-feed-content-wrapper::-webkit-scrollbar,
.message-list .infinite-scroll-scroll-base::-webkit-scrollbar {
width: 16px;
}
#channel-feed-content-wrapper::-webkit-scrollbar-track,
.message-list .infinite-scroll-scroll-base::-webkit-scrollbar-track {
visibility: visible; /* always visible, does not disappear when not hovered over */
box-shadow: 0 0 12px 12px $background-secondary inset;
@ -15,7 +13,6 @@
border-radius: 12px;
}
#channel-feed-content-wrapper::-webkit-scrollbar-thumb,
.message-list .infinite-scroll-scroll-base::-webkit-scrollbar-thumb {
visibility: visible; /* always visible, does not disappear when not hovered over */
box-shadow: 0 0 12px 12px $background-tertiary inset;
@ -23,7 +20,6 @@
border-radius: 12px;
}
#channel-feed-content-wrapper::-webkit-scrollbar-button,
.message-list .infinite-scroll-scroll-base::-webkit-scrollbar-button {
display: none;
}