Skip to content

[PB-5800]: fix/reserve space for scroll bar to avoid content shift #1836

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

Merged
xabg2 merged 5 commits into from
Feb 10, 2026
+15 −16
Merged

[PB-5800]: fix/reserve space for scroll bar to avoid content shift #1836

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c4cacc9
fix: reserve space for scroll bar to avoid content shift
xabg2 Feb 3, 2026
dd92983
Merge branch 'master' into fix/file-list-column-content-is-slightly-s…
xabg2 Feb 9, 2026
0bb7a66
fix: backups list
xabg2 Feb 10, 2026
0a5468d
fix: styles for List items and skeleton
xabg2 Feb 10, 2026
ea0ee2b
Merge branch 'master' into fix/file-list-column-content-is-slightly-s…
xabg2 Feb 10, 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
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"@internxt/css-config": "1.1.0",
"@internxt/lib": "1.4.1",
"@internxt/sdk": "=1.12.6",
"@internxt/ui": "0.1.1",
"@internxt/ui": "=0.1.2",
"@phosphor-icons/react": "^2.1.7",
"@popperjs/core": "^2.11.6",
"@reduxjs/toolkit": "^1.6.0",
Expand Down
11 changes: 5 additions & 6 deletions src/components/Skeleton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,8 @@
export const skinSkeleton = [
<div key={'skin-skeleton-1'} className="mr-3 flex w-full flex-row items-center space-x-4">
<div className="h-8 w-8 rounded-md bg-gray-5" />
<div className="h-4 w-full rounded bg-gray-5" />
<div key="1" className="flex flex-row items-center space-x-4">
<div key="2" className="h-8 w-8 rounded-md bg-gray-5" />
<div key="3" className="h-4 w-96 rounded bg-gray-5" />
</div>,
<div key={'skin-skeleton-2'} className="h-4 w-64 rounded bg-gray-5" />,
<div key={'skin-skeleton-3'} className="ml-3 h-4 w-24 rounded bg-gray-5" />,
<div key={'skin-skeleton-4'} className="ml-4 h-4 w-20 rounded bg-gray-5" />,
<div key="4" className="h-4 w-24 rounded bg-gray-5" />,
<div key="5" className="h-4 w-20 rounded bg-gray-5" />,
];
4 changes: 2 additions & 2 deletions src/views/Drive/components/DriveExplorer/components/DriveExplorerListItem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -112,12 +112,12 @@ const DriveExplorerListItem = ({ item }: DriveExplorerItemProps): JSX.Element =>
}

{/* DATE */}
<div className="block lg:pl-4 shrink-0 w-date items-center whitespace-nowrap">
<div className="block shrink-0 w-date items-center whitespace-nowrap">
{dateService.formatDefaultDate(item.updatedAt, t)}
</div>

{/* SIZE */}
<div className="w-size lg:pl-4 shrink-0 items-center whitespace-nowrap">
<div className="w-size shrink-0 items-center whitespace-nowrap">
{sizeService.bytesToString(item.size, false) === '' || item.isFolder ? (
<span className="opacity-25">—</span>
) : (
Expand Down
6 changes: 3 additions & 3 deletions src/views/Shared/components/SharedListItem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ export const SharedListItem = ({
</div>

{/* OWNER */}
<div className="block pl-4 flex-row w-64 shrink-0 items-center whitespace-nowrap">
<div className="block flex-row w-64 shrink-0 items-center whitespace-nowrap">
<div className="flex flex-row gap-4 items-center">
<div>
<Avatar
Expand All @@ -108,7 +108,7 @@ export const SharedListItem = ({
</div>

{/* SIZE */}
<div className="w-40 pl-4 block shrink-0 items-center whitespace-nowrap">
<div className="w-40 block shrink-0 items-center whitespace-nowrap">
{sizeService.bytesToString(item.size, false) === '' || item.isFolder ? (
<span className="opacity-25">—</span>
) : (
Expand All @@ -117,7 +117,7 @@ export const SharedListItem = ({
</div>

{/* DATE */}
<div className="block pl-4 shrink-0 w-40 items-center whitespace-nowrap">
<div className="block shrink-0 w-40 items-center whitespace-nowrap">
{dateService.format(item.createdAt, 'D MMM YYYY')}
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1914,10 +1914,10 @@
axios "1.13.2"
uuid "11.1.0"

"@internxt/ui@0.1.1":
version "0.1.1"
resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.1.tgz#9fe2439caae946d969544523e9f0321c48db712a"
integrity sha512-OCbrjt6ODQUzfC31PvgXJq+C+EcqGgekyEj4xxieEwrg0MiAfm7aH3Hx+DCabLVdTOp4XQ2HQFu15mVFsLj9+A==
"@internxt/ui@=0.1.2":
version "0.1.2"
resolved "https://registry.yarnpkg.com/@internxt/ui/-/ui-0.1.2.tgz#32da0a4940eb9386906408f497f524a3983f74d2"
integrity sha512-6ukWlUQRNgOLanwpFiQt+zk0YHE8xc7GkiOd53WwkadOgusfhQOFPL8tBzPmLZKvjtmyGwGTOpai/ceyyQSGKA==
dependencies:
"@internxt/css-config" "1.1.0"
"@phosphor-icons/react" "^2.1.10"
Expand Down
Loading