diff --git a/package-lock.json b/package-lock.json
index 92c40029..7b42233f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -134,6 +134,7 @@
"integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@ampproject/remapping": "^2.2.0",
"@babel/code-frame": "^7.24.7",
@@ -2492,8 +2493,7 @@
"node_modules/@types/scheduler": {
"version": "0.16.6",
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.6.tgz",
- "integrity": "sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA==",
- "peer": true
+ "integrity": "sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA=="
},
"node_modules/@types/tough-cookie": {
"version": "4.0.5",
@@ -2723,6 +2723,7 @@
"integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
"dev": true,
"license": "MIT",
+ "peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -2778,6 +2779,7 @@
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
"dev": true,
+ "peer": true,
"dependencies": {
"fast-deep-equal": "^3.1.1",
"fast-json-stable-stringify": "^2.0.0",
@@ -3410,6 +3412,7 @@
}
],
"license": "MIT",
+ "peer": true,
"dependencies": {
"caniuse-lite": "^1.0.30001688",
"electron-to-chromium": "^1.5.73",
@@ -3806,7 +3809,6 @@
"resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
"integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
"dev": true,
- "peer": true,
"dependencies": {
"is-what": "^3.14.1"
},
@@ -4265,8 +4267,7 @@
"node_modules/csstype": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
- "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
- "peer": true
+ "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
},
"node_modules/data-uri-to-buffer": {
"version": "4.0.1",
@@ -4669,7 +4670,6 @@
"integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
"dev": true,
"optional": true,
- "peer": true,
"dependencies": {
"prr": "~1.0.1"
},
@@ -4881,6 +4881,7 @@
"deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.2.0",
"@eslint-community/regexpp": "^4.6.1",
@@ -5672,6 +5673,7 @@
"resolved": "https://registry.npmjs.org/graphql/-/graphql-16.9.0.tgz",
"integrity": "sha512-GGTKBX4SD7Wdb8mqeDLni2oaRGYQWjWHGKPQ24ZMnUtKfcsVoiv4uX8+LJr1K6U5VW2Lu1BwJnj7uiori0YtRw==",
"license": "MIT",
+ "peer": true,
"engines": {
"node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
}
@@ -6093,6 +6095,7 @@
}
],
"license": "MIT",
+ "peer": true,
"dependencies": {
"@babel/runtime": "^7.20.6"
}
@@ -6156,7 +6159,6 @@
"integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
"dev": true,
"optional": true,
- "peer": true,
"bin": {
"image-size": "bin/image-size.js"
},
@@ -6643,8 +6645,7 @@
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
- "dev": true,
- "peer": true
+ "dev": true
},
"node_modules/isarray": {
"version": "2.0.5",
@@ -7353,7 +7354,6 @@
"integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
"dev": true,
"optional": true,
- "peer": true,
"dependencies": {
"pify": "^4.0.1",
"semver": "^5.6.0"
@@ -7368,7 +7368,6 @@
"integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
"dev": true,
"optional": true,
- "peer": true,
"bin": {
"semver": "bin/semver"
}
@@ -8268,7 +8267,6 @@
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
"dev": true,
"optional": true,
- "peer": true,
"bin": {
"mime": "cli.js"
},
@@ -8393,7 +8391,6 @@
"integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==",
"dev": true,
"optional": true,
- "peer": true,
"dependencies": {
"debug": "^3.2.6",
"iconv-lite": "^0.6.3",
@@ -8412,7 +8409,6 @@
"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
"dev": true,
"optional": true,
- "peer": true,
"dependencies": {
"ms": "^2.1.1"
}
@@ -8720,7 +8716,6 @@
"resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
"dev": true,
- "peer": true,
"engines": {
"node": ">= 0.10"
}
@@ -8838,7 +8833,6 @@
"integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
"dev": true,
"optional": true,
- "peer": true,
"engines": {
"node": ">=6"
}
@@ -8969,6 +8963,7 @@
}
],
"license": "MIT",
+ "peer": true,
"dependencies": {
"nanoid": "^3.3.7",
"picocolors": "^1.0.1",
@@ -9578,6 +9573,7 @@
"resolved": "https://registry.npmjs.org/preact/-/preact-10.22.1.tgz",
"integrity": "sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==",
"license": "MIT",
+ "peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/preact"
@@ -9735,8 +9731,7 @@
"resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
"integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
"dev": true,
- "optional": true,
- "peer": true
+ "optional": true
},
"node_modules/pseudomap": {
"version": "1.0.2",
@@ -9839,6 +9834,7 @@
"version": "17.1.2",
"resolved": "https://registry.npmjs.org/@preact/compat/-/compat-17.1.2.tgz",
"integrity": "sha512-7pOZN9lMDDRQ+6aWvjwTp483KR8/zOpfS83wmOo3zfuLKdngS8/5RLbsFWzFZMGdYlotAhX980hJ75bjOHTwWg==",
+ "peer": true,
"peerDependencies": {
"preact": "*"
}
@@ -9860,6 +9856,7 @@
"version": "17.1.2",
"resolved": "https://registry.npmjs.org/@preact/compat/-/compat-17.1.2.tgz",
"integrity": "sha512-7pOZN9lMDDRQ+6aWvjwTp483KR8/zOpfS83wmOo3zfuLKdngS8/5RLbsFWzFZMGdYlotAhX980hJ75bjOHTwWg==",
+ "peer": true,
"peerDependencies": {
"preact": "*"
}
@@ -10453,6 +10450,7 @@
"integrity": "sha512-ByXE1oLD79GVq9Ht1PeHWCPMPB8XHpBuz1r85oByKHjZY6qV6rWnQovQzXJXuQ/XyE1Oj3iPk3lo28uzaRA2/Q==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
@@ -10508,8 +10506,7 @@
"resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
"integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
"dev": true,
- "optional": true,
- "peer": true
+ "optional": true
},
"node_modules/saxes": {
"version": "6.0.0",
@@ -10548,6 +10545,7 @@
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
"dev": true,
+ "peer": true,
"dependencies": {
"fast-deep-equal": "^3.1.1",
"json-schema-traverse": "^1.0.0",
@@ -11789,6 +11787,7 @@
"integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@types/eslint-scope": "^3.7.7",
"@types/estree": "^1.0.6",
diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
index e44665ec..171a66a8 100644
--- a/src/components/FloatingToolbar/index.jsx
+++ b/src/components/FloatingToolbar/index.jsx
@@ -4,7 +4,6 @@ import PropTypes from 'prop-types'
import { config as toolsConfig } from '../../content-script/selection-tools'
import { getClientPosition, isMobile, setElementPositionInViewport } from '../../utils'
import Draggable from 'react-draggable'
-import { useClampWindowSize } from '../../hooks/use-clamp-window-size'
import { useTranslation } from 'react-i18next'
import { useConfig } from '../../hooks/use-config.mjs'
@@ -19,7 +18,6 @@ function FloatingToolbar(props) {
const [closeable, setCloseable] = useState(props.closeable)
const [position, setPosition] = useState(getClientPosition(props.container))
const [virtualPosition, setVirtualPosition] = useState({ x: 0, y: 0 })
- const windowSize = useClampWindowSize([750, 1500], [0, Infinity])
const config = useConfig(() => {
setRender(true)
if (!triggered && selection) {
@@ -92,10 +90,7 @@ function FloatingToolbar(props) {
onStop={dragEvent.onStop}
position={virtualPosition}
>
-
+
");
- mask-image: url("data:image/svg+xml,");
+ &::-webkit-scrollbar {
+ background-color: var(--theme-color);
+ height: 9px;
+ width: 9px;
}
- .markdown-body details,
- .markdown-body figcaption,
- .markdown-body figure {
- display: block;
+ &::-webkit-scrollbar-thumb {
+ background-color: var(--theme-border-color);
+ border-radius: 20px;
+ border: transparent;
}
- .markdown-body summary {
- display: list-item;
+ &::-webkit-scrollbar-corner {
+ background: transparent;
}
- .markdown-body [hidden] {
- display: none !important;
+ p {
+ color: var(--font-color);
}
+}
- .markdown-body a {
- background-color: transparent;
- color: var(--color-accent-fg);
- text-decoration: none;
- }
+.markdown-body {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ margin: 0;
+ font-size: 16px;
+ line-height: 1.5;
+ word-wrap: break-word;
+}
- .markdown-body abbr[title] {
- border-bottom: none;
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
- }
+.markdown-body .octicon {
+ display: inline-block;
+ fill: currentColor;
+ vertical-align: text-bottom;
+}
- .markdown-body b,
- .markdown-body strong {
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.markdown-body h1:hover .anchor .octicon-link:before,
+.markdown-body h2:hover .anchor .octicon-link:before,
+.markdown-body h3:hover .anchor .octicon-link:before,
+.markdown-body h4:hover .anchor .octicon-link:before,
+.markdown-body h5:hover .anchor .octicon-link:before,
+.markdown-body h6:hover .anchor .octicon-link:before {
+ width: 16px;
+ height: 16px;
+ content: ' ';
+ display: inline-block;
+ background-color: currentColor;
+ -webkit-mask-image: url("data:image/svg+xml,");
+ mask-image: url("data:image/svg+xml,");
+}
- .markdown-body dfn {
- font-style: italic;
- }
+.markdown-body details,
+.markdown-body figcaption,
+.markdown-body figure {
+ display: block;
+}
- .markdown-body h1 {
- margin: 0.67em 0;
- font-weight: var(--base-text-weight-semibold, 600);
- padding-bottom: 0.3em;
- font-size: 2em;
- border-bottom: 1px solid var(--color-border-muted);
- }
+.markdown-body summary {
+ display: list-item;
+}
- .markdown-body mark {
- background-color: var(--color-attention-subtle);
- color: var(--color-fg-default);
- }
+.markdown-body [hidden] {
+ display: none !important;
+}
- .markdown-body small {
- font-size: 90%;
- }
+.markdown-body a {
+ background-color: transparent;
+ color: var(--color-accent-fg);
+ text-decoration: none;
+}
- .markdown-body sub,
- .markdown-body sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
+.markdown-body abbr[title] {
+ border-bottom: none;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
- .markdown-body sub {
- bottom: -0.25em;
- }
+.markdown-body b,
+.markdown-body strong {
+ font-weight: var(--base-text-weight-semibold, 600);
+}
- .markdown-body sup {
- top: -0.5em;
- }
+.markdown-body dfn {
+ font-style: italic;
+}
- .markdown-body img {
- border-style: none;
- max-width: 100%;
- box-sizing: content-box;
- background-color: transparent;
- }
+.markdown-body h1 {
+ margin: 0.67em 0;
+ font-weight: var(--base-text-weight-semibold, 600);
+ padding-bottom: 0.3em;
+ font-size: 2em;
+ border-bottom: 1px solid var(--color-border-muted);
+}
- .markdown-body code,
- .markdown-body kbd,
- .markdown-body pre,
- .markdown-body samp {
- font-family: monospace;
- font-size: 1em;
- }
+.markdown-body mark {
+ background-color: var(--color-attention-subtle);
+ color: var(--color-fg-default);
+}
- .markdown-body figure {
- margin: 1em 40px;
- }
+.markdown-body small {
+ font-size: 90%;
+}
- .markdown-body hr {
- box-sizing: content-box;
- overflow: hidden;
- background: transparent;
- border-bottom: 1px solid var(--color-border-muted);
- height: 0.25em;
- padding: 0;
- margin: 24px 0;
- background-color: var(--theme-border-color);
- border: 0;
- }
+.markdown-body sub,
+.markdown-body sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
- .markdown-body input {
- font: inherit;
- margin: 0;
- overflow: visible;
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
- }
+.markdown-body sub {
+ bottom: -0.25em;
+}
- .markdown-body [type='button'],
- .markdown-body [type='reset'],
- .markdown-body [type='submit'] {
- -webkit-appearance: button;
- }
+.markdown-body sup {
+ top: -0.5em;
+}
- .markdown-body [type='checkbox'],
- .markdown-body [type='radio'] {
- box-sizing: border-box;
- padding: 0;
- }
+.markdown-body img {
+ border-style: none;
+ max-width: 100%;
+ box-sizing: content-box;
+ background-color: transparent;
+}
- .markdown-body [type='number']::-webkit-inner-spin-button,
- .markdown-body [type='number']::-webkit-outer-spin-button {
- height: auto;
- }
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
+ font-family: monospace;
+ font-size: 1em;
+}
- .markdown-body [type='search']::-webkit-search-cancel-button,
- .markdown-body [type='search']::-webkit-search-decoration {
- -webkit-appearance: none;
- }
+.markdown-body figure {
+ margin: 1em 40px;
+}
- .markdown-body ::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.54;
- }
+.markdown-body hr {
+ box-sizing: content-box;
+ overflow: hidden;
+ background: transparent;
+ border-bottom: 1px solid var(--color-border-muted);
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: var(--theme-border-color);
+ border: 0;
+}
- .markdown-body ::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
- }
+.markdown-body input {
+ font: inherit;
+ margin: 0;
+ overflow: visible;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
- .markdown-body a:hover {
- text-decoration: underline;
- }
+.markdown-body [type='button'],
+.markdown-body [type='reset'],
+.markdown-body [type='submit'] {
+ -webkit-appearance: button;
+}
- .markdown-body ::placeholder {
- color: var(--color-fg-subtle);
- opacity: 1;
- }
+.markdown-body [type='checkbox'],
+.markdown-body [type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
- .markdown-body hr::before {
- display: table;
- content: '';
- }
+.markdown-body [type='number']::-webkit-inner-spin-button,
+.markdown-body [type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
- .markdown-body hr::after {
- display: table;
- clear: both;
- content: '';
- }
+.markdown-body [type='search']::-webkit-search-cancel-button,
+.markdown-body [type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
- .markdown-body table {
- border-spacing: 0;
- border-collapse: collapse;
- display: block;
- width: max-content;
- max-width: 100%;
- overflow: auto;
- background-color: var(--code-background-color);
- }
+.markdown-body ::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
- .markdown-body td,
- .markdown-body th {
- padding: 0;
- color: var(--font-color);
- background-color: var(--code-background-color);
- }
+.markdown-body ::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit;
+}
- .markdown-body details summary {
- cursor: pointer;
- }
+.markdown-body a:hover {
+ text-decoration: underline;
+}
- .markdown-body details:not([open]) > *:not(summary) {
- display: none !important;
- }
+.markdown-body ::placeholder {
+ color: var(--color-fg-subtle);
+ opacity: 1;
+}
- .markdown-body a:focus,
- .markdown-body [role='button']:focus,
- .markdown-body input[type='radio']:focus,
- .markdown-body input[type='checkbox']:focus {
- outline: 2px solid var(--color-accent-fg);
- outline-offset: -2px;
- box-shadow: none;
- }
+.markdown-body hr::before {
+ display: table;
+ content: '';
+}
- .markdown-body a:focus:not(:focus-visible),
- .markdown-body [role='button']:focus:not(:focus-visible),
- .markdown-body input[type='radio']:focus:not(:focus-visible),
- .markdown-body input[type='checkbox']:focus:not(:focus-visible) {
- outline: solid 1px transparent;
- }
+.markdown-body hr::after {
+ display: table;
+ clear: both;
+ content: '';
+}
- .markdown-body a:focus-visible,
- .markdown-body [role='button']:focus-visible,
- .markdown-body input[type='radio']:focus-visible,
- .markdown-body input[type='checkbox']:focus-visible {
- outline: 2px solid var(--color-accent-fg);
- outline-offset: -2px;
- box-shadow: none;
- }
+.markdown-body table {
+ border-spacing: 0;
+ border-collapse: collapse;
+ display: block;
+ width: max-content;
+ max-width: 100%;
+ overflow: auto;
+ background-color: var(--code-background-color);
+}
- .markdown-body a:not([class]):focus,
- .markdown-body a:not([class]):focus-visible,
- .markdown-body input[type='radio']:focus,
- .markdown-body input[type='radio']:focus-visible,
- .markdown-body input[type='checkbox']:focus,
- .markdown-body input[type='checkbox']:focus-visible {
- outline-offset: 0;
- }
+.markdown-body td,
+.markdown-body th {
+ padding: 0;
+ color: var(--font-color);
+ background-color: var(--code-background-color);
+}
- .markdown-body kbd {
- display: inline-block;
- padding: 3px 5px;
- font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
- line-height: 10px;
- color: var(--color-fg-default);
- vertical-align: middle;
- border: solid 1px var(--color-neutral-muted);
- border-bottom-color: var(--color-neutral-muted);
- border-radius: 6px;
- box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
- }
+.markdown-body details summary {
+ cursor: pointer;
+}
- .markdown-body h1,
- .markdown-body h2,
- .markdown-body h3,
- .markdown-body h4,
- .markdown-body h5,
- .markdown-body h6 {
- margin-top: 24px;
- margin-bottom: 16px;
- font-weight: var(--base-text-weight-semibold, 600);
- line-height: 1.25;
- }
+.markdown-body details:not([open]) > *:not(summary) {
+ display: none !important;
+}
- .markdown-body h2 {
- font-weight: var(--base-text-weight-semibold, 600);
- padding-bottom: 0.3em;
- font-size: 1.5em;
- border-bottom: 1px solid var(--color-border-muted);
- }
+.markdown-body a:focus,
+.markdown-body [role='button']:focus,
+.markdown-body input[type='radio']:focus,
+.markdown-body input[type='checkbox']:focus {
+ outline: 2px solid var(--color-accent-fg);
+ outline-offset: -2px;
+ box-shadow: none;
+}
- .markdown-body h3 {
- font-weight: var(--base-text-weight-semibold, 600);
- font-size: 1.25em;
- }
+.markdown-body a:focus:not(:focus-visible),
+.markdown-body [role='button']:focus:not(:focus-visible),
+.markdown-body input[type='radio']:focus:not(:focus-visible),
+.markdown-body input[type='checkbox']:focus:not(:focus-visible) {
+ outline: solid 1px transparent;
+}
- .markdown-body h4 {
- font-weight: var(--base-text-weight-semibold, 600);
- font-size: 1em;
- }
+.markdown-body a:focus-visible,
+.markdown-body [role='button']:focus-visible,
+.markdown-body input[type='radio']:focus-visible,
+.markdown-body input[type='checkbox']:focus-visible {
+ outline: 2px solid var(--color-accent-fg);
+ outline-offset: -2px;
+ box-shadow: none;
+}
- .markdown-body h5 {
- font-weight: var(--base-text-weight-semibold, 600);
- font-size: 0.875em;
- }
+.markdown-body a:not([class]):focus,
+.markdown-body a:not([class]):focus-visible,
+.markdown-body input[type='radio']:focus,
+.markdown-body input[type='radio']:focus-visible,
+.markdown-body input[type='checkbox']:focus,
+.markdown-body input[type='checkbox']:focus-visible {
+ outline-offset: 0;
+}
- .markdown-body h6 {
- font-weight: var(--base-text-weight-semibold, 600);
- font-size: 0.85em;
- color: var(--color-fg-muted);
- }
+.markdown-body kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+ line-height: 10px;
+ color: var(--color-fg-default);
+ vertical-align: middle;
+ border: solid 1px var(--color-neutral-muted);
+ border-bottom-color: var(--color-neutral-muted);
+ border-radius: 6px;
+ box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
+}
- .markdown-body p {
- margin-top: 0;
- margin-bottom: 10px;
- }
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: var(--base-text-weight-semibold, 600);
+ line-height: 1.25;
+}
- .markdown-body blockquote {
- margin: 0;
- padding: 0 1em;
- color: var(--color-fg-muted);
- border-left: 0.25em solid var(--color-border-default);
- }
+.markdown-body h2 {
+ font-weight: var(--base-text-weight-semibold, 600);
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid var(--color-border-muted);
+}
- .markdown-body ul,
- .markdown-body ol {
- margin-top: 0;
- margin-bottom: 0;
- padding-left: 2em;
- }
+.markdown-body h3 {
+ font-weight: var(--base-text-weight-semibold, 600);
+ font-size: 1.25em;
+}
- .markdown-body ol ol,
- .markdown-body ul ol {
- list-style-type: lower-roman;
- }
+.markdown-body h4 {
+ font-weight: var(--base-text-weight-semibold, 600);
+ font-size: 1em;
+}
- .markdown-body ul ul ol,
- .markdown-body ul ol ol,
- .markdown-body ol ul ol,
- .markdown-body ol ol ol {
- list-style-type: lower-alpha;
- }
+.markdown-body h5 {
+ font-weight: var(--base-text-weight-semibold, 600);
+ font-size: 0.875em;
+}
- .markdown-body dd {
- margin-left: 0;
- }
+.markdown-body h6 {
+ font-weight: var(--base-text-weight-semibold, 600);
+ font-size: 0.85em;
+ color: var(--color-fg-muted);
+}
- .markdown-body tt,
- .markdown-body code,
- .markdown-body samp {
- font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
- font-size: 12px;
- }
+.markdown-body p {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
- .markdown-body pre {
- margin-top: 0;
- margin-bottom: 0;
- font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
- font-size: 12px;
- word-wrap: break-word;
- background-color: var(--code-background-color);
- }
+.markdown-body blockquote {
+ margin: 0;
+ padding: 0 1em;
+ color: var(--color-fg-muted);
+ border-left: 0.25em solid var(--color-border-default);
+}
- .markdown-body .octicon {
- display: inline-block;
- overflow: visible !important;
- vertical-align: text-bottom;
- fill: currentColor;
- }
+.markdown-body ul,
+.markdown-body ol {
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: 2em;
+}
- .markdown-body input::-webkit-outer-spin-button,
- .markdown-body input::-webkit-inner-spin-button {
- margin: 0;
- -webkit-appearance: none;
- appearance: none;
- }
+.markdown-body ol ol,
+.markdown-body ul ol {
+ list-style-type: lower-roman;
+}
- .markdown-body .color-fg-accent {
- color: var(--color-accent-fg) !important;
- }
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
+ list-style-type: lower-alpha;
+}
- .markdown-body .color-fg-attention {
- color: var(--color-attention-fg) !important;
- }
+.markdown-body dd {
+ margin-left: 0;
+}
- .markdown-body .color-fg-done {
- color: var(--color-done-fg) !important;
- }
+.markdown-body tt,
+.markdown-body code,
+.markdown-body samp {
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+ font-size: 12px;
+}
- .markdown-body .flex-items-center {
- align-items: center !important;
- }
+.markdown-body pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+ font-size: 12px;
+ word-wrap: break-word;
+ background-color: var(--code-background-color);
+}
- .markdown-body .mb-1 {
- margin-bottom: var(--base-size-4, 4px) !important;
- }
+.markdown-body .octicon {
+ display: inline-block;
+ overflow: visible !important;
+ vertical-align: text-bottom;
+ fill: currentColor;
+}
- .markdown-body .text-semibold {
- font-weight: var(--base-text-weight-medium, 500) !important;
- }
+.markdown-body input::-webkit-outer-spin-button,
+.markdown-body input::-webkit-inner-spin-button {
+ margin: 0;
+ -webkit-appearance: none;
+ appearance: none;
+}
- .markdown-body .d-inline-flex {
- display: inline-flex !important;
- }
+.markdown-body .color-fg-accent {
+ color: var(--color-accent-fg) !important;
+}
- .markdown-body::before {
- display: table;
- content: '';
- }
+.markdown-body .color-fg-attention {
+ color: var(--color-attention-fg) !important;
+}
- .markdown-body::after {
- display: table;
- clear: both;
- content: '';
- }
+.markdown-body .color-fg-done {
+ color: var(--color-done-fg) !important;
+}
- .markdown-body > *:first-child {
- margin-top: 0 !important;
- }
+.markdown-body .flex-items-center {
+ align-items: center !important;
+}
- .markdown-body > *:last-child {
- margin-bottom: 0 !important;
- }
+.markdown-body .mb-1 {
+ margin-bottom: var(--base-size-4, 4px) !important;
+}
- .markdown-body a:not([href]) {
- color: inherit;
- text-decoration: none;
- }
+.markdown-body .text-semibold {
+ font-weight: var(--base-text-weight-medium, 500) !important;
+}
- .markdown-body .absent {
- color: var(--color-danger-fg);
- }
+.markdown-body .d-inline-flex {
+ display: inline-flex !important;
+}
- .markdown-body .anchor {
- float: left;
- padding-right: 4px;
- margin-left: -20px;
- line-height: 1;
- }
+.markdown-body::before {
+ display: table;
+ content: '';
+}
- .markdown-body .anchor:focus {
- outline: none;
- }
+.markdown-body::after {
+ display: table;
+ clear: both;
+ content: '';
+}
- .markdown-body p,
- .markdown-body blockquote,
- .markdown-body ul,
- .markdown-body ol,
- .markdown-body dl,
- .markdown-body table,
- .markdown-body pre,
- .markdown-body details {
- margin-top: 0;
- margin-bottom: 16px;
- }
+.markdown-body > *:first-child {
+ margin-top: 0 !important;
+}
- .markdown-body blockquote > :first-child {
- margin-top: 0;
- }
+.markdown-body > *:last-child {
+ margin-bottom: 0 !important;
+}
- .markdown-body blockquote > :last-child {
- margin-bottom: 0;
- }
+.markdown-body a:not([href]) {
+ color: inherit;
+ text-decoration: none;
+}
- .markdown-body h1 .octicon-link,
- .markdown-body h2 .octicon-link,
- .markdown-body h3 .octicon-link,
- .markdown-body h4 .octicon-link,
- .markdown-body h5 .octicon-link,
- .markdown-body h6 .octicon-link {
- color: var(--color-fg-default);
- vertical-align: middle;
- visibility: hidden;
- }
+.markdown-body .absent {
+ color: var(--color-danger-fg);
+}
- .markdown-body h1:hover .anchor,
- .markdown-body h2:hover .anchor,
- .markdown-body h3:hover .anchor,
- .markdown-body h4:hover .anchor,
- .markdown-body h5:hover .anchor,
- .markdown-body h6:hover .anchor {
- text-decoration: none;
- }
+.markdown-body .anchor {
+ float: left;
+ padding-right: 4px;
+ margin-left: -20px;
+ line-height: 1;
+}
- .markdown-body h1:hover .anchor .octicon-link,
- .markdown-body h2:hover .anchor .octicon-link,
- .markdown-body h3:hover .anchor .octicon-link,
- .markdown-body h4:hover .anchor .octicon-link,
- .markdown-body h5:hover .anchor .octicon-link,
- .markdown-body h6:hover .anchor .octicon-link {
- visibility: visible;
- }
+.markdown-body .anchor:focus {
+ outline: none;
+}
- .markdown-body h1 tt,
- .markdown-body h1 code,
- .markdown-body h2 tt,
- .markdown-body h2 code,
- .markdown-body h3 tt,
- .markdown-body h3 code,
- .markdown-body h4 tt,
- .markdown-body h4 code,
- .markdown-body h5 tt,
- .markdown-body h5 code,
- .markdown-body h6 tt,
- .markdown-body h6 code {
- padding: 0 0.2em;
- font-size: inherit;
- }
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details {
+ margin-top: 0;
+ margin-bottom: 16px;
+}
- .markdown-body summary h1,
- .markdown-body summary h2,
- .markdown-body summary h3,
- .markdown-body summary h4,
- .markdown-body summary h5,
- .markdown-body summary h6 {
- display: inline-block;
- }
+.markdown-body blockquote > :first-child {
+ margin-top: 0;
+}
- .markdown-body summary h1 .anchor,
- .markdown-body summary h2 .anchor,
- .markdown-body summary h3 .anchor,
- .markdown-body summary h4 .anchor,
- .markdown-body summary h5 .anchor,
- .markdown-body summary h6 .anchor {
- margin-left: -40px;
- }
+.markdown-body blockquote > :last-child {
+ margin-bottom: 0;
+}
- .markdown-body summary h1,
- .markdown-body summary h2 {
- padding-bottom: 0;
- border-bottom: 0;
- }
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
+ color: var(--color-fg-default);
+ vertical-align: middle;
+ visibility: hidden;
+}
- .markdown-body ul.no-list,
- .markdown-body ol.no-list {
- padding: 0;
- list-style-type: none;
- }
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
+ text-decoration: none;
+}
- .markdown-body ol[type='a s'] {
- list-style-type: lower-alpha;
- }
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
+ visibility: visible;
+}
- .markdown-body ol[type='A s'] {
- list-style-type: upper-alpha;
- }
+.markdown-body h1 tt,
+.markdown-body h1 code,
+.markdown-body h2 tt,
+.markdown-body h2 code,
+.markdown-body h3 tt,
+.markdown-body h3 code,
+.markdown-body h4 tt,
+.markdown-body h4 code,
+.markdown-body h5 tt,
+.markdown-body h5 code,
+.markdown-body h6 tt,
+.markdown-body h6 code {
+ padding: 0 0.2em;
+ font-size: inherit;
+}
- .markdown-body ol[type='i s'] {
- list-style-type: lower-roman;
- }
+.markdown-body summary h1,
+.markdown-body summary h2,
+.markdown-body summary h3,
+.markdown-body summary h4,
+.markdown-body summary h5,
+.markdown-body summary h6 {
+ display: inline-block;
+}
- .markdown-body ol[type='I s'] {
- list-style-type: upper-roman;
- }
+.markdown-body summary h1 .anchor,
+.markdown-body summary h2 .anchor,
+.markdown-body summary h3 .anchor,
+.markdown-body summary h4 .anchor,
+.markdown-body summary h5 .anchor,
+.markdown-body summary h6 .anchor {
+ margin-left: -40px;
+}
- .markdown-body ol[type='1'] {
- list-style-type: decimal;
- }
+.markdown-body summary h1,
+.markdown-body summary h2 {
+ padding-bottom: 0;
+ border-bottom: 0;
+}
- .markdown-body div > ol:not([type]) {
- list-style-type: decimal;
- }
+.markdown-body ul.no-list,
+.markdown-body ol.no-list {
+ padding: 0;
+ list-style-type: none;
+}
- .markdown-body ul ul,
- .markdown-body ul ol,
- .markdown-body ol ol,
- .markdown-body ol ul {
- margin-top: 0;
- margin-bottom: 0;
- }
+.markdown-body ol[type='a s'] {
+ list-style-type: lower-alpha;
+}
- .markdown-body li > p {
- margin-top: 16px;
- }
+.markdown-body ol[type='A s'] {
+ list-style-type: upper-alpha;
+}
- .markdown-body li + li {
- margin-top: 0.25em;
- }
+.markdown-body ol[type='i s'] {
+ list-style-type: lower-roman;
+}
- .markdown-body dl {
- padding: 0;
- }
+.markdown-body ol[type='I s'] {
+ list-style-type: upper-roman;
+}
- .markdown-body dl dt {
- padding: 0;
- margin-top: 16px;
- font-size: 1em;
- font-style: italic;
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.markdown-body ol[type='1'] {
+ list-style-type: decimal;
+}
- .markdown-body dl dd {
- padding: 0 16px;
- margin-bottom: 16px;
- }
+.markdown-body div > ol:not([type]) {
+ list-style-type: decimal;
+}
- .markdown-body table th {
- font-weight: var(--base-text-weight-semibold, 600);
- }
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
+ margin-top: 0;
+ margin-bottom: 0;
+}
- .markdown-body table th,
- .markdown-body table td {
- padding: 6px 13px;
- border: 1px solid var(--theme-border-color);
- color: var(--font-color);
- }
+.markdown-body li > p {
+ margin-top: 16px;
+}
- .markdown-body table td > :last-child {
- margin-bottom: 0;
- }
+.markdown-body li + li {
+ margin-top: 0.25em;
+}
- .markdown-body table tr {
- border-top: 1px solid var(--color-border-muted);
- background-color: var(--code-background-color);
- }
+.markdown-body dl {
+ padding: 0;
+}
- .markdown-body table tr:nth-child(2n) {
- }
+.markdown-body dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: var(--base-text-weight-semibold, 600);
+}
- .markdown-body table img {
- background-color: transparent;
- }
+.markdown-body dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px;
+}
- .markdown-body img[align='right'] {
- padding-left: 20px;
- }
+.markdown-body table th {
+ font-weight: var(--base-text-weight-semibold, 600);
+}
- .markdown-body img[align='left'] {
- padding-right: 20px;
- }
+.markdown-body table th,
+.markdown-body table td {
+ padding: 6px 13px;
+ border: 1px solid var(--theme-border-color);
+ color: var(--font-color);
+}
- .markdown-body .emoji {
- max-width: none;
- vertical-align: text-top;
- background-color: transparent;
- }
+.markdown-body table td > :last-child {
+ margin-bottom: 0;
+}
- .markdown-body span.frame {
- display: block;
- overflow: hidden;
- }
+.markdown-body table tr {
+ border-top: 1px solid var(--color-border-muted);
+ background-color: var(--code-background-color);
+}
- .markdown-body span.frame > span {
- display: block;
- float: left;
- width: auto;
- padding: 7px;
- margin: 13px 0 0;
- overflow: hidden;
- border: 1px solid var(--color-border-default);
- }
+.markdown-body table tr:nth-child(2n) {
+}
- .markdown-body span.frame span img {
- display: block;
- float: left;
- }
+.markdown-body table img {
+ background-color: transparent;
+}
- .markdown-body span.frame span span {
- display: block;
- padding: 5px 0 0;
- clear: both;
- color: var(--color-fg-default);
- }
+.markdown-body img[align='right'] {
+ padding-left: 20px;
+}
- .markdown-body span.align-center {
- display: block;
- overflow: hidden;
- clear: both;
- }
+.markdown-body img[align='left'] {
+ padding-right: 20px;
+}
- .markdown-body span.align-center > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: center;
- }
+.markdown-body .emoji {
+ max-width: none;
+ vertical-align: text-top;
+ background-color: transparent;
+}
- .markdown-body span.align-center span img {
- margin: 0 auto;
- text-align: center;
- }
+.markdown-body span.frame {
+ display: block;
+ overflow: hidden;
+}
- .markdown-body span.align-right {
- display: block;
- overflow: hidden;
- clear: both;
- }
+.markdown-body span.frame > span {
+ display: block;
+ float: left;
+ width: auto;
+ padding: 7px;
+ margin: 13px 0 0;
+ overflow: hidden;
+ border: 1px solid var(--color-border-default);
+}
- .markdown-body span.align-right > span {
- display: block;
- margin: 13px 0 0;
- overflow: hidden;
- text-align: right;
- }
+.markdown-body span.frame span img {
+ display: block;
+ float: left;
+}
- .markdown-body span.align-right span img {
- margin: 0;
- text-align: right;
- }
+.markdown-body span.frame span span {
+ display: block;
+ padding: 5px 0 0;
+ clear: both;
+ color: var(--color-fg-default);
+}
- .markdown-body span.float-left {
- display: block;
- float: left;
- margin-right: 13px;
- overflow: hidden;
- }
+.markdown-body span.align-center {
+ display: block;
+ overflow: hidden;
+ clear: both;
+}
+
+.markdown-body span.align-center > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: center;
+}
+
+.markdown-body span.align-center span img {
+ margin: 0 auto;
+ text-align: center;
+}
+
+.markdown-body span.align-right {
+ display: block;
+ overflow: hidden;
+ clear: both;
+}
+
+.markdown-body span.align-right > span {
+ display: block;
+ margin: 13px 0 0;
+ overflow: hidden;
+ text-align: right;
+}
+
+.markdown-body span.align-right span img {
+ margin: 0;
+ text-align: right;
+}
- .markdown-body span.float-left span {
- margin: 13px 0 0;
- }
+.markdown-body span.float-left {
+ display: block;
+ float: left;
+ margin-right: 13px;
+ overflow: hidden;
+}
- .markdown-body span.float-right {
- display: block;
- float: right;
- margin-left: 13px;
- overflow: hidden;
- }
+.markdown-body span.float-left span {
+ margin: 13px 0 0;
+}
- .markdown-body span.float-right > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: right;
- }
+.markdown-body span.float-right {
+ display: block;
+ float: right;
+ margin-left: 13px;
+ overflow: hidden;
+}
- .markdown-body code,
- .markdown-body tt {
- padding: 0.2em 0.4em;
- margin: 0;
- font-size: 85%;
- white-space: break-spaces;
- background-color: transparent;
- border-radius: 6px;
- }
+.markdown-body span.float-right > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: right;
+}
- .markdown-body code br,
- .markdown-body tt br {
- display: none;
- }
+.markdown-body code,
+.markdown-body tt {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ white-space: break-spaces;
+ background-color: transparent;
+ border-radius: 6px;
+}
- .markdown-body del code {
- text-decoration: inherit;
- }
+.markdown-body code br,
+.markdown-body tt br {
+ display: none;
+}
- .markdown-body samp {
- font-size: 85%;
- }
+.markdown-body del code {
+ text-decoration: inherit;
+}
- .markdown-body pre code {
- font-size: 100%;
- }
+.markdown-body samp {
+ font-size: 85%;
+}
- .markdown-body pre > code {
- padding: 0;
- margin: 0;
- word-break: break-word;
- white-space: pre-wrap;
- background: transparent;
- border: 0;
- }
+.markdown-body pre code {
+ font-size: 100%;
+}
- .markdown-body .highlight {
- margin-bottom: 16px;
- }
+.markdown-body pre > code {
+ padding: 0;
+ margin: 0;
+ word-break: break-word;
+ white-space: pre-wrap;
+ background: transparent;
+ border: 0;
+}
- .markdown-body .highlight pre {
- margin-bottom: 0;
- word-break: break-word;
- }
+.markdown-body .highlight {
+ margin-bottom: 16px;
+}
- .markdown-body .highlight pre,
- .markdown-body pre {
- padding: 16px;
- overflow: auto;
- font-size: 85%;
- line-height: 1.45;
- border-radius: 6px;
- }
+.markdown-body .highlight pre {
+ margin-bottom: 0;
+ word-break: break-word;
+}
- .markdown-body pre code,
- .markdown-body pre tt {
- display: inline;
- max-width: auto;
- padding: 0;
- margin: 0;
- overflow: visible;
- line-height: inherit;
- word-wrap: break-word;
- background-color: transparent;
- border: 0;
- }
+.markdown-body .highlight pre,
+.markdown-body pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ border-radius: 6px;
+}
- .markdown-body .csv-data td,
- .markdown-body .csv-data th {
- padding: 5px;
- overflow: hidden;
- font-size: 12px;
- line-height: 1;
- text-align: left;
- white-space: nowrap;
- color: var(--font-color);
- }
+.markdown-body pre code,
+.markdown-body pre tt {
+ display: inline;
+ max-width: auto;
+ padding: 0;
+ margin: 0;
+ overflow: visible;
+ line-height: inherit;
+ word-wrap: break-word;
+ background-color: transparent;
+ border: 0;
+}
- .markdown-body .csv-data .blob-num {
- padding: 10px 8px 9px;
- text-align: right;
- border: 0;
- }
+.markdown-body .csv-data td,
+.markdown-body .csv-data th {
+ padding: 5px;
+ overflow: hidden;
+ font-size: 12px;
+ line-height: 1;
+ text-align: left;
+ white-space: nowrap;
+ color: var(--font-color);
+}
- .markdown-body .csv-data tr {
- border-top: 0;
- }
+.markdown-body .csv-data .blob-num {
+ padding: 10px 8px 9px;
+ text-align: right;
+ border: 0;
+}
- .markdown-body .csv-data th {
- font-weight: var(--base-text-weight-semibold, 600);
- border-top: 0;
- }
+.markdown-body .csv-data tr {
+ border-top: 0;
+}
- .markdown-body [data-footnote-ref]::before {
- content: '[';
- }
+.markdown-body .csv-data th {
+ font-weight: var(--base-text-weight-semibold, 600);
+ border-top: 0;
+}
- .markdown-body [data-footnote-ref]::after {
- content: ']';
- }
+.markdown-body [data-footnote-ref]::before {
+ content: '[';
+}
- .markdown-body .footnotes {
- font-size: 12px;
- color: var(--color-fg-muted);
- border-top: 1px solid var(--color-border-default);
- }
+.markdown-body [data-footnote-ref]::after {
+ content: ']';
+}
- .markdown-body .footnotes ol {
- padding-left: 16px;
- }
+.markdown-body .footnotes {
+ font-size: 12px;
+ color: var(--color-fg-muted);
+ border-top: 1px solid var(--color-border-default);
+}
- .markdown-body .footnotes ol ul {
- display: inline-block;
- padding-left: 16px;
- margin-top: 16px;
- }
+.markdown-body .footnotes ol {
+ padding-left: 16px;
+}
- .markdown-body .footnotes li {
- position: relative;
- }
+.markdown-body .footnotes ol ul {
+ display: inline-block;
+ padding-left: 16px;
+ margin-top: 16px;
+}
- .markdown-body .footnotes li:target::before {
- position: absolute;
- top: -8px;
- right: -8px;
- bottom: -8px;
- left: -24px;
- pointer-events: none;
- content: '';
- border: 2px solid var(--color-accent-emphasis);
- border-radius: 6px;
- }
+.markdown-body .footnotes li {
+ position: relative;
+}
- .markdown-body .footnotes li:target {
- color: var(--color-fg-default);
- }
+.markdown-body .footnotes li:target::before {
+ position: absolute;
+ top: -8px;
+ right: -8px;
+ bottom: -8px;
+ left: -24px;
+ pointer-events: none;
+ content: '';
+ border: 2px solid var(--color-accent-emphasis);
+ border-radius: 6px;
+}
- .markdown-body .footnotes .data-footnote-backref g-emoji {
- font-family: monospace;
- }
+.markdown-body .footnotes li:target {
+ color: var(--color-fg-default);
+}
- .markdown-body .pl-c {
- color: var(--color-prettylights-syntax-comment);
- }
+.markdown-body .footnotes .data-footnote-backref g-emoji {
+ font-family: monospace;
+}
- .markdown-body .pl-c1,
- .markdown-body .pl-s .pl-v {
- color: var(--color-prettylights-syntax-constant);
- }
+.markdown-body .pl-c {
+ color: var(--color-prettylights-syntax-comment);
+}
- .markdown-body .pl-e,
- .markdown-body .pl-en {
- color: var(--color-prettylights-syntax-entity);
- }
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+ color: var(--color-prettylights-syntax-constant);
+}
- .markdown-body .pl-smi,
- .markdown-body .pl-s .pl-s1 {
- color: var(--color-prettylights-syntax-storage-modifier-import);
- }
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+ color: var(--color-prettylights-syntax-entity);
+}
- .markdown-body .pl-ent {
- color: var(--color-prettylights-syntax-entity-tag);
- }
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+ color: var(--color-prettylights-syntax-storage-modifier-import);
+}
- .markdown-body .pl-k {
- color: var(--color-prettylights-syntax-keyword);
- }
+.markdown-body .pl-ent {
+ color: var(--color-prettylights-syntax-entity-tag);
+}
- .markdown-body .pl-s,
- .markdown-body .pl-pds,
- .markdown-body .pl-s .pl-pse .pl-s1,
- .markdown-body .pl-sr,
- .markdown-body .pl-sr .pl-cce,
- .markdown-body .pl-sr .pl-sre,
- .markdown-body .pl-sr .pl-sra {
- color: var(--color-prettylights-syntax-string);
- }
+.markdown-body .pl-k {
+ color: var(--color-prettylights-syntax-keyword);
+}
- .markdown-body .pl-v,
- .markdown-body .pl-smw {
- color: var(--color-prettylights-syntax-variable);
- }
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+ color: var(--color-prettylights-syntax-string);
+}
- .markdown-body .pl-bu {
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
- }
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
+ color: var(--color-prettylights-syntax-variable);
+}
- .markdown-body .pl-ii {
- color: var(--color-prettylights-syntax-invalid-illegal-text);
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
- }
+.markdown-body .pl-bu {
+ color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+}
- .markdown-body .pl-c2 {
- color: var(--color-prettylights-syntax-carriage-return-text);
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
- }
+.markdown-body .pl-ii {
+ color: var(--color-prettylights-syntax-invalid-illegal-text);
+ background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+}
- .markdown-body .pl-sr .pl-cce {
- font-weight: bold;
- color: var(--color-prettylights-syntax-string-regexp);
- }
+.markdown-body .pl-c2 {
+ color: var(--color-prettylights-syntax-carriage-return-text);
+ background-color: var(--color-prettylights-syntax-carriage-return-bg);
+}
- .markdown-body .pl-ml {
- color: var(--color-prettylights-syntax-markup-list);
- }
+.markdown-body .pl-sr .pl-cce {
+ font-weight: bold;
+ color: var(--color-prettylights-syntax-string-regexp);
+}
- .markdown-body .pl-mh,
- .markdown-body .pl-mh .pl-en,
- .markdown-body .pl-ms {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-heading);
- }
+.markdown-body .pl-ml {
+ color: var(--color-prettylights-syntax-markup-list);
+}
- .markdown-body .pl-mi {
- font-style: italic;
- color: var(--color-prettylights-syntax-markup-italic);
- }
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+ font-weight: bold;
+ color: var(--color-prettylights-syntax-markup-heading);
+}
- .markdown-body .pl-mb {
- font-weight: bold;
- color: var(--color-prettylights-syntax-markup-bold);
- }
+.markdown-body .pl-mi {
+ font-style: italic;
+ color: var(--color-prettylights-syntax-markup-italic);
+}
- .markdown-body .pl-md {
- color: var(--color-prettylights-syntax-markup-deleted-text);
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
- }
+.markdown-body .pl-mb {
+ font-weight: bold;
+ color: var(--color-prettylights-syntax-markup-bold);
+}
- .markdown-body .pl-mi1 {
- color: var(--color-prettylights-syntax-markup-inserted-text);
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
- }
+.markdown-body .pl-md {
+ color: var(--color-prettylights-syntax-markup-deleted-text);
+ background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+}
- .markdown-body .pl-mc {
- color: var(--color-prettylights-syntax-markup-changed-text);
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
- }
+.markdown-body .pl-mi1 {
+ color: var(--color-prettylights-syntax-markup-inserted-text);
+ background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+}
- .markdown-body .pl-mi2 {
- color: var(--color-prettylights-syntax-markup-ignored-text);
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
- }
+.markdown-body .pl-mc {
+ color: var(--color-prettylights-syntax-markup-changed-text);
+ background-color: var(--color-prettylights-syntax-markup-changed-bg);
+}
- .markdown-body .pl-mdr {
- font-weight: bold;
- color: var(--color-prettylights-syntax-meta-diff-range);
- }
+.markdown-body .pl-mi2 {
+ color: var(--color-prettylights-syntax-markup-ignored-text);
+ background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+}
- .markdown-body .pl-ba {
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
- }
+.markdown-body .pl-mdr {
+ font-weight: bold;
+ color: var(--color-prettylights-syntax-meta-diff-range);
+}
- .markdown-body .pl-sg {
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
- }
+.markdown-body .pl-ba {
+ color: var(--color-prettylights-syntax-brackethighlighter-angle);
+}
- .markdown-body .pl-corl {
- text-decoration: underline;
- color: var(--color-prettylights-syntax-constant-other-reference-link);
- }
+.markdown-body .pl-sg {
+ color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+}
- .markdown-body g-emoji {
- display: inline-block;
- min-width: 1ch;
- font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
- font-size: 1em;
- font-style: normal !important;
- font-weight: var(--base-text-weight-normal, 400);
- line-height: 1;
- vertical-align: -0.075em;
- }
+.markdown-body .pl-corl {
+ text-decoration: underline;
+ color: var(--color-prettylights-syntax-constant-other-reference-link);
+}
- .markdown-body g-emoji img {
- width: 1em;
- height: 1em;
- }
+.markdown-body g-emoji {
+ display: inline-block;
+ min-width: 1ch;
+ font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+ font-size: 1em;
+ font-style: normal !important;
+ font-weight: var(--base-text-weight-normal, 400);
+ line-height: 1;
+ vertical-align: -0.075em;
+}
- .markdown-body .task-list-item {
- list-style-type: none;
- }
+.markdown-body g-emoji img {
+ width: 1em;
+ height: 1em;
+}
- .markdown-body .task-list-item label {
- font-weight: var(--base-text-weight-normal, 400);
- }
+.markdown-body .task-list-item {
+ list-style-type: none;
+}
- .markdown-body .task-list-item.enabled label {
- cursor: pointer;
- }
+.markdown-body .task-list-item label {
+ font-weight: var(--base-text-weight-normal, 400);
+}
- .markdown-body .task-list-item + .task-list-item {
- margin-top: 4px;
- }
+.markdown-body .task-list-item.enabled label {
+ cursor: pointer;
+}
- .markdown-body .task-list-item .handle {
- display: none;
- }
+.markdown-body .task-list-item + .task-list-item {
+ margin-top: 4px;
+}
- .markdown-body .task-list-item-checkbox {
- margin: 0 0.2em 0.25em -1.4em;
- vertical-align: middle;
- }
+.markdown-body .task-list-item .handle {
+ display: none;
+}
- .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
- margin: 0 -1.6em 0.25em 0.2em;
- }
+.markdown-body .task-list-item-checkbox {
+ margin: 0 0.2em 0.25em -1.4em;
+ vertical-align: middle;
+}
- .markdown-body .contains-task-list {
- position: relative;
- }
+.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
+ margin: 0 -1.6em 0.25em 0.2em;
+}
- .markdown-body .contains-task-list:hover .task-list-item-convert-container,
- .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
- display: block;
- width: auto;
- height: 24px;
- overflow: visible;
- clip: auto;
- }
+.markdown-body .contains-task-list {
+ position: relative;
+}
- .markdown-body .QueryBuilder .qb-entity {
- color: var(--color-prettylights-syntax-entity);
- }
+.markdown-body .contains-task-list:hover .task-list-item-convert-container,
+.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
+ display: block;
+ width: auto;
+ height: 24px;
+ overflow: visible;
+ clip: auto;
+}
- .markdown-body .QueryBuilder .qb-constant {
- color: var(--color-prettylights-syntax-constant);
- }
+.markdown-body .QueryBuilder .qb-entity {
+ color: var(--color-prettylights-syntax-entity);
+}
- .markdown-body ::-webkit-calendar-picker-indicator {
- filter: invert(50%);
- }
+.markdown-body .QueryBuilder .qb-constant {
+ color: var(--color-prettylights-syntax-constant);
+}
- .markdown-body .markdown-alert {
- padding: 0 1em;
- margin-bottom: 16px;
- color: inherit;
- border-left: 0.25em solid var(--color-border-default);
- }
+.markdown-body ::-webkit-calendar-picker-indicator {
+ filter: invert(50%);
+}
- .markdown-body .markdown-alert > :first-child {
- margin-top: 0;
- }
+.markdown-body .markdown-alert {
+ padding: 0 1em;
+ margin-bottom: 16px;
+ color: inherit;
+ border-left: 0.25em solid var(--color-border-default);
+}
- .markdown-body .markdown-alert > :last-child {
- margin-bottom: 0;
- }
+.markdown-body .markdown-alert > :first-child {
+ margin-top: 0;
+}
- .markdown-body .markdown-alert.markdown-alert-note {
- border-left-color: var(--color-accent-fg);
- }
+.markdown-body .markdown-alert > :last-child {
+ margin-bottom: 0;
+}
- .markdown-body .markdown-alert.markdown-alert-important {
- border-left-color: var(--color-done-fg);
- }
+.markdown-body .markdown-alert.markdown-alert-note {
+ border-left-color: var(--color-accent-fg);
+}
- .markdown-body .markdown-alert.markdown-alert-warning {
- border-left-color: var(--color-attention-fg);
- }
+.markdown-body .markdown-alert.markdown-alert-important {
+ border-left-color: var(--color-done-fg);
+}
- .icon-and-text {
- color: var(--font-color);
- display: flex;
- align-items: center;
- padding: 15px;
- gap: 6px;
- }
+.markdown-body .markdown-alert.markdown-alert-warning {
+ border-left-color: var(--color-attention-fg);
+}
- .manual-btn {
- cursor: pointer;
- }
+.icon-and-text {
+ color: var(--font-color);
+ display: flex;
+ align-items: center;
+ padding: 15px;
+ gap: 6px;
+}
- .gpt-loading {
- color: var(--font-color);
- animation: chatgptbox-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
- }
+.manual-btn {
+ cursor: pointer;
+}
- .code-corner-util {
- color: var(--font-color);
- position: absolute;
- right: 10px;
- top: 3px;
- transition: opacity 0.3s;
- opacity: 0.2;
- }
+.gpt-loading {
+ color: var(--font-color);
+ animation: chatgptbox-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
- .code-corner-util:hover {
- opacity: 1;
- }
+.code-corner-util {
+ color: var(--font-color);
+ position: absolute;
+ right: 10px;
+ top: 3px;
+ transition: opacity 0.3s;
+ opacity: 0.2;
+}
- .gpt-util-group {
- display: flex;
- gap: 15px;
- align-items: center;
- }
+.code-corner-util:hover {
+ opacity: 1;
+}
- .gpt-util-icon {
- display: flex;
- cursor: pointer;
- align-items: center;
- z-index: 0;
+.gpt-util-group {
+ display: flex;
+ gap: 15px;
+ align-items: center;
+}
- svg {
- z-index: 0;
- color: var(--font-color);
- background-color: var(--theme-color);
- }
- }
+.gpt-util-icon {
+ display: flex;
+ cursor: pointer;
+ align-items: center;
+ z-index: 0;
- .normal-button {
- padding: 1px 6px;
- border: 1px solid;
- border-color: var(--theme-border-color);
- background-color: var(--theme-color);
+ svg {
+ z-index: 0;
color: var(--font-color);
- border-radius: 5px;
- cursor: pointer;
- white-space: nowrap;
- }
-
- .chatgptbox-question {
- background: var(--question-bg-color);
+ background-color: var(--theme-color);
}
+}
- :is(.chatgptbox-answer, .chatgptbox-question, .chatgptbox-error) {
- font-size: 15px;
- line-height: 1.6;
- padding: 4px 15px;
- word-break: break-word;
+.normal-button {
+ padding: 1px 6px;
+ border: 1px solid;
+ border-color: var(--theme-border-color);
+ background-color: var(--theme-color);
+ color: var(--font-color);
+ border-radius: 5px;
+ cursor: pointer;
+ white-space: nowrap;
+}
- pre {
- margin-top: 10px;
- padding: 0 0.4em;
- overflow-y: hidden;
+.chatgptbox-question {
+ background: var(--question-bg-color);
+}
- code {
- background-color: var(--code-background-color);
- font-size: 14px;
- }
- }
+:is(.chatgptbox-answer, .chatgptbox-question, .chatgptbox-error) {
+ font-size: 15px;
+ line-height: 1.6;
+ padding: 4px 15px;
+ word-break: break-word;
- p {
- margin: 0 0 10px;
- }
+ pre {
+ margin-top: 10px;
+ padding: 0 0.4em;
+ overflow-y: hidden;
code {
- padding: 0 0.4em;
- margin: 0;
- white-space: pre-wrap;
- word-break: break-word;
- border-radius: 8px;
- background-color: var(--color-neutral-muted);
- font-size: 11px;
-
- .hljs {
- padding: 0;
- }
+ background-color: var(--code-background-color);
+ font-size: 14px;
}
}
- .gpt-header {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 5px;
- color: var(--font-color);
+ p {
+ margin: 0 0 10px;
+ }
- svg {
- width: 16px;
- height: 16px;
- }
+ code {
+ padding: 0 0.4em;
+ margin: 0;
+ white-space: pre-wrap;
+ word-break: break-word;
+ border-radius: 8px;
+ background-color: var(--color-neutral-muted);
+ font-size: 11px;
- p {
- font-weight: bold;
- margin: 0;
+ .hljs {
+ padding: 0;
}
+ }
+}
- .gpt-feedback {
- display: flex;
- gap: 6px;
- }
+.gpt-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 5px;
+ color: var(--font-color);
- .gpt-feedback-selected {
- color: #f08080;
- }
+ svg {
+ width: 16px;
+ height: 16px;
}
- .chatgptbox-error {
- p {
- color: #ec4336;
- }
+ p {
+ font-weight: bold;
+ margin: 0;
+ }
- color: #ec4336;
+ .gpt-feedback {
+ display: flex;
+ gap: 6px;
}
- .input-box {
- display: contents;
+ .gpt-feedback-selected {
+ color: #f08080;
}
+}
- .interact-input {
- box-sizing: border-box;
- padding: 5px 15px;
- padding-right: 1em;
- border: 0;
- border-top: 1px solid var(--theme-border-color);
- width: 100%;
- height: 100%;
- background-color: var(--theme-color);
- color: var(--font-color);
+.chatgptbox-error {
+ p {
+ color: #ec4336;
+ }
- &:focus {
- outline: none;
- }
+ color: #ec4336;
+}
- &::-webkit-scrollbar {
- background-color: var(--theme-color);
- height: 9px;
- width: 9px;
- }
+.input-box {
+ display: contents;
+}
- &::-webkit-scrollbar-thumb {
- background-color: var(--theme-border-color);
- border-radius: 20px;
- border: transparent;
- }
+.interact-input {
+ box-sizing: border-box;
+ padding: 5px 15px;
+ padding-right: 1em;
+ border: 0;
+ border-top: 1px solid var(--theme-border-color);
+ width: 100%;
+ height: 100%;
+ background-color: var(--theme-color);
+ color: var(--font-color);
- &::-webkit-scrollbar-corner {
- background: transparent;
- }
+ &:focus {
+ outline: none;
}
- .submit-button {
- position: absolute;
- right: 1.1em;
- bottom: 0.4em;
- padding: 1px 6px;
- cursor: pointer;
- background-color: #30a14e;
- color: white;
- border: 1px solid;
- border-radius: 6px;
- border-color: rgba(31, 35, 40, 0.15);
- font-size: 1em;
- box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
+ &::-webkit-scrollbar {
+ background-color: var(--theme-color);
+ height: 9px;
+ width: 9px;
}
- .draggable {
- cursor: move;
+ &::-webkit-scrollbar-thumb {
+ background-color: var(--theme-border-color);
+ border-radius: 20px;
+ border: transparent;
}
- .dragbar {
- cursor: move;
- width: 42%;
- height: 12px;
- border-radius: 10px;
- background-color: var(--dragbar-color);
+ &::-webkit-scrollbar-corner {
+ background: transparent;
}
}
+.resizable-popup .interact-input {
+ height: 70px;
+ min-height: 70px;
+ resize: none !important;
+}
+
+.submit-button {
+ position: absolute;
+ right: 1.1em;
+ bottom: 0.4em;
+ padding: 1px 6px;
+ cursor: pointer;
+ background-color: #30a14e;
+ color: white;
+ border: 1px solid;
+ border-radius: 6px;
+ border-color: rgba(31, 35, 40, 0.15);
+ font-size: 1em;
+ box-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
+}
+
+.draggable {
+ cursor: move;
+}
+
+.dragbar {
+ cursor: move;
+ width: 42%;
+ height: 12px;
+ border-radius: 10px;
+ background-color: var(--dragbar-color);
+}
+
@keyframes chatgptbox-pulse {
0%,
100% {
@@ -1444,9 +1461,26 @@
background-color: var(--hover-toolbar-color);
}
-.chatgptbox-selection-window {
- height: auto;
+.chatgptbox-selection-window.resizable-popup {
border-radius: 8px;
background-color: var(--theme-color);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+
+ width: 500px;
+ height: 450px;
+ resize: both;
+ overflow: hidden;
+ min-width: 350px;
+ min-height: 300px;
+ max-width: 90vw;
+ max-height: 90vh;
+
+ display: flex;
+ flex-direction: column;
+}
+
+.gpt-inner.manual-btn {
+ border: 1px solid var(--theme-border-color);
+ background-color: var(--theme-color);
+ border-radius: 8px;
}
diff --git a/src/popup/styles.scss b/src/popup/styles.scss
index 3658334f..50832c33 100644
--- a/src/popup/styles.scss
+++ b/src/popup/styles.scss
@@ -39,7 +39,7 @@
display: flex;
flex-direction: column;
align-items: center;
- width: 460px;
+ width: 430px;
height: 560px;
padding: 20px;
overflow-y: auto;