github_mirrors/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2025-02-03 07:48:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

add smooth scrolling for mobile taskbar

Browse Source
This commit is contained in:
jelveh 2024-12-14 19:31:41 -08:00
parent a90beab0b1
commit 5ba957b14a
1 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/gui/src/css/style.css
View File

@ -4521,17 +4521,42 @@ fieldset[name=number-code] {
width: 100%; width: 100%;
} }
/* Taskbar container */
.device-phone .taskbar { .device-phone .taskbar {
justify-content: left; /* Enable smooth scrolling */
/* Hide scrollbar for Chrome, Safari and Opera */ -webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { /* Allow horizontal touch scrolling */
display: none; touch-action: pan-x;
} /* Enable horizontal scroll */
/* Hide scrollbar for IE, Edge and Firefox */ overflow-x: auto;
-ms-overflow-style: none; /* Hide scrollbars while keeping functionality */
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none;
/* Base styling */
display: flex;
justify-content: left;
} }
/* Hide scrollbar while keeping functionality */
.device-phone .taskbar::-webkit-scrollbar {
display: none;
}
/* Taskbar items */
.device-phone .taskbar .taskbar-item {
/* Allow dragging while preventing unwanted touch actions */
touch-action: pan-x pinch-zoom;
/* Ensure items can be dragged */
user-select: none;
-webkit-user-select: none;
cursor: grab;
/* Base styling */
display: flex;
align-items: center;
justify-content: center;
}
.device-phone .popover-launcher, .device-phone .launch-popover{ .device-phone .popover-launcher, .device-phone .launch-popover{
border-radius: 0; border-radius: 0;
} }