greg/rss-reader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove scrollbars

Browse Source
This commit is contained in:
Greg Shuflin 2025-02-05 04:24:57 -08:00
parent 705929ee47
commit eb69f4e952
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
static/css/components/layout.css
View File

@ -5,6 +5,8 @@ body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: var(--dark-bg); background-color: var(--dark-bg);
color: var(--text-color); color: var(--text-color);
height: 100vh;
overflow: hidden;
} }
body.with-sidebar { body.with-sidebar {
@ -14,11 +16,20 @@ body.with-sidebar {
.main-content-area { .main-content-area {
flex: 1; flex: 1;
min-width: 0; /* Prevents flex item from overflowing */ min-width: 0; /* Prevents flex item from overflowing */
display: flex;
flex-direction: column;
} }
#main-content { #main-content {
flex: 1; flex: 1;
padding: 1rem; padding: 1rem;
overflow-y: auto;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
#main-content::-webkit-scrollbar {
display: none; /* Chrome, Safari and Opera */
} }
#main-content h1 { #main-content h1 {

4
static/css/components/sidebar.css
View File

@ -2,10 +2,10 @@
.sidebar { .sidebar {
width: 250px; width: 250px;
background-color: var(--sidebar-bg); background-color: var(--sidebar-bg);
min-height: 100vh; height: 100vh;
padding: 20px; padding: 20px;
box-shadow: 2px 0 5px rgba(0,0,0,0.3); box-shadow: 2px 0 5px rgba(0,0,0,0.3);
top: 3rem; overflow-y: auto;
} }
.sidebar h2 { .sidebar h2 {