VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove unnecessary scrollbars

Browse Source
This commit is contained in:
marlon-erler
2024-08-19 18:20:41 -07:00
parent d342ac48a5
commit 686fa5860f
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+4 -4
View File
@@ -281,9 +281,6 @@ body[showing-chat] #chat-page-wrapper {
} }
#chat-page > div > #main { #chat-page > div > #main {
width: calc(100% - var(--ribbon-size) - 1px); width: calc(100% - var(--ribbon-size) - 1px);
overflow-x: scroll;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
} }
#chat-page #main > div, #chat-page #main > div,
#chat-page > div > #main > div > .pane-wrapper, #chat-page > div > #main > div > .pane-wrapper,
@@ -413,7 +410,7 @@ body[showing-chat] #chat-page-wrapper {
width: 100%; width: 100%;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
overflow: scroll; overflow-y: auto;
scroll-snap-align: center; scroll-snap-align: center;
} }
#home-page #overview-section, #home-page #overview-section,
@@ -434,6 +431,9 @@ body[showing-chat] #chat-page-wrapper {
color: black; color: black;
} }
@media (min-width: 640px) { @media (min-width: 640px) {
#home-page > div {
overflow-x: hidden;
}
#home-page #overview-section { #home-page #overview-section {
width: 20rem; width: 20rem;
min-width: 20rem; min-width: 20rem;
src/View/chatPage.css
-4
View File
@@ -45,10 +45,6 @@ body[showing-chat] #chat-page-wrapper {
#chat-page > div > #main { #chat-page > div > #main {
width: calc(100% - var(--ribbon-size) - 1px); width: calc(100% - var(--ribbon-size) - 1px);
overflow-x: scroll;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
} }
#chat-page #main > div, #chat-page #main > div,
src/View/homePage.css
+5 -1
View File
@@ -24,7 +24,7 @@
width: 100%; width: 100%;
min-width: 100%; min-width: 100%;
height: 100%; height: 100%;
overflow: scroll; overflow-y: auto;
scroll-snap-align: center; scroll-snap-align: center;
} }
@@ -55,6 +55,10 @@
} }
@media (min-width: 640px) { @media (min-width: 640px) {
#home-page > div {
overflow-x: hidden;
}
#home-page #overview-section { #home-page #overview-section {
width: 20rem; width: 20rem;
min-width: 20rem; min-width: 20rem;