sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scrollbars renders but disable (#6706)

Browse Source
This commit is contained in:
David Luzar 2023-06-22 14:35:01 +02:00 committed by GitHub
parent fb01ce2a00
commit 8dfa2a98bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/App.tsx
View File

@ -1720,7 +1720,7 @@ class App extends React.Component<AppProps, AppState> {
theme: this.state.theme, theme: this.state.theme,
imageCache: this.imageCache, imageCache: this.imageCache,
isExporting: false, isExporting: false,
renderScrollbars: !this.device.isMobile, renderScrollbars: false,
}, },
callback: ({ atLeastOneVisibleElement, scrollBars }) => { callback: ({ atLeastOneVisibleElement, scrollBars }) => {
if (scrollBars) { if (scrollBars) {

5
src/css/styles.scss
View File

@ -9,6 +9,11 @@
--zIndex-modal: 1000; --zIndex-modal: 1000;
--zIndex-popup: 1001; --zIndex-popup: 1001;
--zIndex-toast: 999999; --zIndex-toast: 999999;
--sab: env(safe-area-inset-bottom);
--sal: env(safe-area-inset-left);
--sar: env(safe-area-inset-right);
--sat: env(safe-area-inset-top);
} }
.excalidraw { .excalidraw {

4
src/css/theme.scss
View File

@ -27,10 +27,6 @@
--popup-secondary-bg-color: #{$oc-gray-1}; --popup-secondary-bg-color: #{$oc-gray-1};
--popup-text-color: #{$oc-black}; --popup-text-color: #{$oc-black};
--popup-text-inverted-color: #{$oc-white}; --popup-text-inverted-color: #{$oc-white};
--sab: env(safe-area-inset-bottom);
--sal: env(safe-area-inset-left);
--sar: env(safe-area-inset-right);
--sat: env(safe-area-inset-top);
--select-highlight-color: #{$oc-blue-5}; --select-highlight-color: #{$oc-blue-5};
--shadow-island: 0px 7px 14px rgba(0, 0, 0, 0.05), --shadow-island: 0px 7px 14px rgba(0, 0, 0, 0.05),
0px 0px 3.12708px rgba(0, 0, 0, 0.0798), 0px 0px 3.12708px rgba(0, 0, 0, 0.0798),

2
src/renderer/renderScene.ts
View File

@ -369,7 +369,7 @@ export const _renderScene = ({
return { atLeastOneVisibleElement: false }; return { atLeastOneVisibleElement: false };
} }
const { const {
renderScrollbars = true, renderScrollbars = false,
renderSelection = true, renderSelection = true,
renderGrid = true, renderGrid = true,
isExporting, isExporting,

8
src/scene/scrollbars.ts
View File

@ -41,10 +41,10 @@ export const getScrollBars = (
const viewportHeightDiff = viewportHeight - viewportHeightWithZoom; const viewportHeightDiff = viewportHeight - viewportHeightWithZoom;
const safeArea = { const safeArea = {
top: parseInt(getGlobalCSSVariable("sat")), top: parseInt(getGlobalCSSVariable("sat")) || 0,
bottom: parseInt(getGlobalCSSVariable("sab")), bottom: parseInt(getGlobalCSSVariable("sab")) || 0,
left: parseInt(getGlobalCSSVariable("sal")), left: parseInt(getGlobalCSSVariable("sal")) || 0,
right: parseInt(getGlobalCSSVariable("sar")), right: parseInt(getGlobalCSSVariable("sar")) || 0,
}; };
const isRTL = getLanguage().rtl; const isRTL = getLanguage().rtl;