Fix BIM version history mobile scrolling
This commit is contained in:
parent
d601058b3f
commit
761cb56fac
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue