fix: note panel resizing (#1497)
This commit is contained in:
@@ -186,7 +186,7 @@ const ContentListView: FunctionComponent<Props> = ({
|
|||||||
id="items-column"
|
id="items-column"
|
||||||
className={classNames(
|
className={classNames(
|
||||||
'sn-component section app-column flex flex-col border-b border-solid border-border ',
|
'sn-component section app-column flex flex-col border-b border-solid border-border ',
|
||||||
'xl:w-87.5 xsm-only:!w-full sm-only:!w-full md-only:!w-52 lg-only:!w-52',
|
'xl:w-87.5 xsm-only:!w-full sm-only:!w-full pointer-coarse:md-only:!w-52 pointer-coarse:lg-only:!w-52',
|
||||||
)}
|
)}
|
||||||
aria-label={'Notes & Files'}
|
aria-label={'Notes & Files'}
|
||||||
ref={itemsViewPanelRef}
|
ref={itemsViewPanelRef}
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
|
||||||
|
const plugin = require('tailwindcss/plugin')
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
content: ['./src/javascripts/**/*.tsx', '../toast/src/**/*.tsx'],
|
content: ['./src/javascripts/**/*.tsx', '../toast/src/**/*.tsx'],
|
||||||
theme: {
|
theme: {
|
||||||
@@ -129,5 +131,9 @@ module.exports = {
|
|||||||
'text-accessory-tint-5',
|
'text-accessory-tint-5',
|
||||||
'text-accessory-tint-6',
|
'text-accessory-tint-6',
|
||||||
],
|
],
|
||||||
plugins: [],
|
plugins: [
|
||||||
|
plugin(function ({ addVariant }) {
|
||||||
|
addVariant('pointer-coarse', '@media (pointer: coarse)')
|
||||||
|
}),
|
||||||
|
],
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user