Skip to content

Small UI adjustments #93

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
enfyna wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Small UI adjustments #93

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1b3d243
Set 'tab_page' height to 80vh
enfyna Apr 8, 2026
ac111c8
Add 'scroll_container' to right_panel
enfyna Apr 8, 2026
8b92211
Make the whole left_panel a "scroll_container" instead of just file_list
enfyna Apr 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 3 additions & 4 deletions css/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ body {


.tab_page {
height: auto;
height: 80vh;
/* max-height: 1200px; */
width: 100%;
background-color: var(--panel-background-color);
Expand All @@ -156,7 +156,6 @@ body {
filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.5));


height: 606px;
overflow-y: clip;
overflow-x: visible;
}
Expand Down Expand Up @@ -214,7 +213,7 @@ body {

.centre_panel {
width: 350px;
max-height: 600px;
max-height: 100%;

margin-top: var(--ui-margin);
margin-bottom: 0;
Expand Down Expand Up @@ -781,4 +780,4 @@ img {
font-size: var(--font-size-bigger);
/*mouse passthrough*/
pointer-events: none;
}
}
5 changes: 2 additions & 3 deletions js/Tab.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ class Tab {
}

var left_panel = document.createElement("div");
left_panel.classList.add("left_panel");
left_panel.classList.add("left_panel", "scroll_container");
tab_page.appendChild(left_panel);

{
Expand Down Expand Up @@ -119,7 +119,6 @@ class Tab {
save_commands_div.appendChild(duplicate_sfx_button);

var file_list = document.createElement("div");
file_list.classList.add("scroll_container");
file_list.classList.add("filelist");
file_list.id = this.name + "_file_list";
left_panel.appendChild(file_list);
Expand Down Expand Up @@ -157,7 +156,7 @@ class Tab {
}

var right_panel = document.createElement("div");
right_panel.classList.add("right_panel");
right_panel.classList.add("right_panel", "scroll_container");
tab_page.appendChild(right_panel);

{
Expand Down