diff --git a/src/client/webapp/index.html b/src/client/webapp/index.html index c6ca39e..b6b53dd 100644 --- a/src/client/webapp/index.html +++ b/src/client/webapp/index.html @@ -69,9 +69,6 @@
-
-
-
diff --git a/src/client/webapp/styles/channel-feed.scss b/src/client/webapp/styles/channel-feed.scss index 6292fde..c08e615 100644 --- a/src/client/webapp/styles/channel-feed.scss +++ b/src/client/webapp/styles/channel-feed.scss @@ -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; diff --git a/src/client/webapp/styles/scrollbars.scss b/src/client/webapp/styles/scrollbars.scss index 441e607..4c1e640 100644 --- a/src/client/webapp/styles/scrollbars.scss +++ b/src/client/webapp/styles/scrollbars.scss @@ -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; }