Fix BIM version history mobile scrolling

This commit is contained in:
CODEX 2026-06-24 23:16:03 +03:00
parent d601058b3f
commit 761cb56fac
2 changed files with 25 additions and 3 deletions

View File

@ -3270,6 +3270,7 @@ html[data-share-startup="pending"] #loader.hidden {
max-height: min(76vh, 720px); max-height: min(76vh, 720px);
min-height: 220px; min-height: 220px;
flex-direction: column; flex-direction: column;
box-sizing: border-box;
overflow: hidden; overflow: hidden;
border-radius: 22px; border-radius: 22px;
background: rgba(20, 20, 22, 0.96); background: rgba(20, 20, 22, 0.96);
@ -3278,12 +3279,13 @@ html[data-share-startup="pending"] #loader.hidden {
} }
.version-history-header { .version-history-header {
position: relative;
display: flex; display: flex;
flex: 0 0 auto; flex: 0 0 auto;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 16px; gap: 16px;
padding: 18px 20px 14px; padding: 18px 68px 14px 20px;
} }
.version-history-title { .version-history-title {
@ -3312,6 +3314,9 @@ html[data-share-startup="pending"] #loader.hidden {
} }
.version-history-close { .version-history-close {
position: absolute;
top: 14px;
right: 16px;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -3320,10 +3325,14 @@ html[data-share-startup="pending"] #loader.hidden {
flex: 1 1 auto; flex: 1 1 auto;
overflow: auto; overflow: auto;
padding: 0 16px 16px; padding: 0 16px 16px;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
} }
.version-history-table { .version-history-table {
min-width: 980px; width: max(100%, 1120px);
min-width: 1120px;
box-sizing: border-box;
overflow: hidden; overflow: hidden;
border-radius: 16px; border-radius: 16px;
background: rgba(255, 255, 255, 0.035); background: rgba(255, 255, 255, 0.035);
@ -3334,6 +3343,7 @@ html[data-share-startup="pending"] #loader.hidden {
grid-template-columns: minmax(260px, 1.6fr) 80px 96px 140px 140px 150px 120px; grid-template-columns: minmax(260px, 1.6fr) 80px 96px 140px 140px 150px 120px;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
box-sizing: border-box;
min-height: 56px; min-height: 56px;
padding: 10px 14px; padding: 10px 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.065); border-bottom: 1px solid rgba(255, 255, 255, 0.065);
@ -3394,6 +3404,10 @@ html[data-share-startup="pending"] #loader.hidden {
gap: 6px; gap: 6px;
} }
.version-history-actions .inspector-icon-btn {
flex: 0 0 32px;
}
.version-history-empty { .version-history-empty {
border-radius: 16px; border-radius: 16px;
background: rgba(255, 255, 255, 0.035); background: rgba(255, 255, 255, 0.035);
@ -3409,6 +3423,14 @@ html[data-share-startup="pending"] #loader.hidden {
max-height: 78vh; max-height: 78vh;
} }
.version-history-header {
padding: 18px 62px 14px 16px;
}
.version-history-close {
right: 14px;
}
.version-history-body { .version-history-body {
padding: 0 10px 12px; padding: 0 10px 12px;
} }

View File

@ -231,7 +231,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/dcViewer.css?v=39"> <link rel="stylesheet" href="/dcViewer.css?v=40">
</head> </head>
<body> <body>
<header> <header>