CatsJuice
87ed358f2e
fix(mobile): adjust mobile ui ( #8112 )
...
close AF-1274, AF-1320, AF-1333
2024-09-06 13:40:10 +00:00
CatsJuice
3d855647c7
refactor(component): refactor the implementation of Button and IconButton ( #7716 )
...
## Button
- Remove props withoutHoverStyle
refactor hover impl with independent layer, so that hover-color won't affect the background even if is overridden outside
- Update `type` (renamed to `variant`):
- remove `processing` and `warning`
- rename `default` with `secondary`
- Remove `shape` props
- Remove `icon` and `iconPosition`, replaced with `prefix: ReactNode` and `suffix: ReactNode`
- Integrate tooltip for more convenient usage
- New Storybook document
- Focus style
## IconButton
- A Wrapper base on `<Button />`
- Override Button size and variant
- size: `'12' | '14' | '16' | '20' | '24' | number`
These presets size are referenced from the design system.
- variant: `'plain' | 'solid' | 'danger' | 'custom'`
- Inset icon via Button 's prefix
## Fix
- fix some button related issues
- close AF-1159, AF-1160, AF-1161, AF-1162, AF-1163, AF-1158, AF-1157
## Storybook
2024-08-05 02:57:23 +00:00
forehalo
7b3673ae82
chore: assign todos ( #7297 )
2024-06-21 07:54:14 +00:00
CatsJuice
98e35384a6
feat(component): helper function observeResize to observe size change via global ResizeObserver ( #7241 )
...
```ts
import { observeResize } from "@affine/component";
useEffect(() => {
const dispose = observeResize(element entry => {
console.log(entry.contentRect);
});
return () => dispose();
}, []);
```
2024-06-19 09:04:56 +00:00
L-Sun
09201d42a0
chore: bump up @blocksuite/icons version ( #7233 )
2024-06-18 17:07:11 +08:00
EYHN
f2adbdaba4
style: enable import-x/no-duplicates ( #6279 )
2024-03-25 03:55:33 +00:00
Cats Juice
67dffc2a5a
feat(component): remove react-datepicker ( #5681 )
2024-02-21 13:09:44 +00:00
Cats Juice
3fe9d834de
feat(core): replace page filter, journal's date-picker with new one ( #5675 )
2024-02-20 13:53:41 +00:00
Cats Juice
e664494b2f
refactor(component): new calendar-view DatePicker ( #5654 )
2024-02-20 13:53:37 +00:00
Peng Xiao
7d951a975f
fix(core): replace most --affine with cssVar ( #5728 )
...
using a [babel plugin](https://gist.github.com/pengx17/49e24ae8a5a609bdaff122ee8c679d1c ) to transform all var(--affine-xxx) to cssVar
Some issues:
- tried ast-grep but it seems to be not easy to add imports conditionally
- current work does not work well with ts with types because babel will strip them out
2024-02-01 09:33:11 +00:00
Cats Juice
6ca2043697
feat(component): optimize week-date-picker keyboard navigation ( #5684 )
2024-01-26 07:05:19 +00:00
Cats Juice
6c8621bdcd
chore(core): bump @toeverything/theme, add cssVar use case ( #5667 )
2024-01-23 04:39:07 +00:00
Cats Juice
70ea1e5ef8
feat(core): journal sidebar dater-picker navigation ( #5558 )
2024-01-18 12:34:23 +00:00
Cats Juice
2b92b27f8f
feat(component): new week-date-picker component ( #5477 )
...
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/toeverything/AFFiNE/assets/39363750/49d7a1ee-2832-4b61-a427-e627dae92952 ">
<img height="100" alt="" src="https://github.com/toeverything/AFFiNE/assets/39363750/819d6ee9-38e0-4537-ad0f-ec9faf96f505 ">
</picture>
2024-01-18 02:14:27 +00:00
Cats Juice
2db3c933fa
refactor(component): move date-picker to ui, add story, support responsive ( #5468 )
...
- move to `component/ui`
- add `AFFiNEDatePicker` & `BlocksuiteDatePicker` story
- inline mode support
- responsive support
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/toeverything/AFFiNE/assets/39363750/320bef49-380f-40a2-b3b2-4b74dd2d8da4 ">
<img alt="" src="https://github.com/toeverything/AFFiNE/assets/39363750/fc9e7808-02fe-49a1-aa78-aea254fb1f9d ">
</picture>
2024-01-17 09:16:46 +00:00
