Penpot/penpot-exporter-figma-plugin
0
Fork 0
mirror of https://github.com/penpot/penpot-exporter-figma-plugin.git synced 2025-02-21 14:27:11 -05:00
Code Issues Activity

Fix plugin scrollbar (#181)

Browse source
This commit is contained in:
Jordi Sala Morales 2024-06-19 17:01:37 +02:00 • committed by GitHub
parent 551d00efda
commit bc33c0ed9c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/few-apes-smell.md Normal file
View file

@ -0,0 +1,5 @@
---
"penpot-exporter": patch
---
Fix scrollbar showing up randomly

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "penpot-exporter",
"version": "0.6.1",
"version": "0.7.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "penpot-exporter",
"version": "0.6.1",
"version": "0.7.0",
"license": "MPL2.0",
"dependencies": {
"@create-figma-plugin/ui": "^3.2",

4
ui-src/components/Wrapper/Wrapper.module.css
View file

@ -1,7 +1,3 @@
.wrapper {
padding: 1.5rem 1rem 1rem;
.wrapper-overflow {
/* Empty class used to detect overflow on the body */
}
}

7
ui-src/components/Wrapper/Wrapper.tsx
View file

@ -1,4 +1,3 @@
import classNames from 'classnames';
import { CSSProperties, PropsWithChildren, forwardRef } from 'react';
import styles from './Wrapper.module.css';
@ -11,11 +10,7 @@ type WrapperProps = PropsWithChildren & {
const Wrapper = forwardRef<HTMLDivElement, WrapperProps>(
({ style, overflowing = false, children }: WrapperProps, ref) => {
return (
<div
ref={ref}
className={classNames({ [styles.wrapper]: true, [styles.wrapperOverflow]: overflowing })}
style={style}
>
<div ref={ref} className={styles.wrapper} style={style} data-overflowing={overflowing}>
{children}
</div>
);

2
ui-src/index.html
View file

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Penpot Exporter</title>
</head>
<body>
<body style="overflow-y: hidden">
<div id="root"></div>
<script type="module" src="./main.tsx"></script>
</body>

4
ui-src/main.css
View file

@ -1,3 +1,3 @@
body :not:has(.wrapper-overflow) {
overflow-y: hidden;
body:has(div[data-overflowing='true']) {
overflow-y: visible !important;
}