Henrik Giesel
48cc9c602f
Add justify and indentation menu
2021-04-16 15:26:49 +02:00
Henrik Giesel
5414d9f826
Add ol and ul buttons, rename previous format to formatInline
2021-04-16 03:46:37 +02:00
Henrik Giesel
4a8a051999
Satisfy ./script/svelte-check
2021-04-16 03:10:39 +02:00
Damien Elmes
a32bb47b9b
quiet esbuild output and format file
2021-04-16 10:27:09 +10:00
Henrik Giesel
0f01e421be
Solve the race conditions of button insertion by operating on promises in EditorToolbar
2021-04-16 02:04:38 +02:00
Henrik Giesel
ccc48bd1d7
Abandon btn-secondary and btn-light in favor our own definitions btn-night and btn-day
2021-04-15 18:35:46 +02:00
Henrik Giesel
b0885ef0cd
Add license headers
2021-04-15 15:59:52 +02:00
Henrik Giesel
bd4fe7cc93
Use bootstrap types for editor-toolbar svelte_check
2021-04-15 15:51:56 +02:00
Henrik Giesel
fb8a2f4dc8
Experimental: Add bootstrap to svelte_check dependencies
2021-04-15 15:47:02 +02:00
Henrik Giesel
449d28596e
Pass svelte_check for editor-toolbar
2021-04-15 15:33:47 +02:00
Henrik Giesel
82f6e19955
Add Latex formatting options to menu
...
* Format shortcuts in monospace font and increase padding a little bit
2021-04-15 15:20:37 +02:00
Henrik Giesel
12c0a26dc9
Satisfy prettier
2021-04-15 14:58:13 +02:00
Henrik Giesel
f9565cbb80
Use new bootstrap library paths
2021-04-15 14:04:41 +02:00
Henrik Giesel
d07086da19
Use new bootstrap dep
2021-04-15 13:30:19 +02:00
Henrik Giesel
58a85d8386
Add shortcut labels for mathjax menu
2021-04-15 13:09:51 +02:00
Henrik Giesel
5225ef31b3
Explicitly name file in output_css for esbuild
2021-04-15 13:09:51 +02:00
Henrik Giesel
60515f579e
Make editor-toolbar pass eslint
2021-04-15 13:09:51 +02:00
Henrik Giesel
b0fab9c967
Fix most of svelte-check issues for editor-toolbar
2021-04-15 13:09:51 +02:00
Henrik Giesel
b696635afc
Style light mode button bar with borders
...
- whereas night mode toolbar has no visible borders
2021-04-15 13:09:50 +02:00
Henrik Giesel
e732eca097
Use padding for extended colorpicker background "border"
2021-04-15 13:09:50 +02:00
Henrik Giesel
dd530dcdc8
Give light mode effects on hover/active/focus as well
2021-04-15 13:09:50 +02:00
Henrik Giesel
8760bd9ac6
Add theming support for DropdownItem and DropdownMenu
2021-04-15 13:09:50 +02:00
Henrik Giesel
49daa2dd01
Improve looks of color picker button
2021-04-15 13:09:50 +02:00
Henrik Giesel
02c8893fc9
Update CSS for ColorPicker and forecolor button
2021-04-15 13:09:50 +02:00
Henrik Giesel
9f740f307d
Switch from core to base CSS for editor view
2021-04-15 13:09:50 +02:00
Henrik Giesel
0133652d04
Correctly check for night mode
2021-04-15 13:09:50 +02:00
Henrik Giesel
d6d4269aaf
Rely more heavily on bootstrap provided types for editor-toolbar
2021-04-15 13:09:50 +02:00
Henrik Giesel
443cef6b15
Add buttons_mixins.scss for sharing SCSS across components
2021-04-15 13:09:50 +02:00
Henrik Giesel
00d8d869f4
Also add Bootstrap buttons.scss
2021-04-15 13:09:50 +02:00
Henrik Giesel
8f7c32fcf9
Include Dropdown directly from bootstrap, required installing popperjs
2021-04-15 13:09:50 +02:00
Henrik Giesel
38cc0dfce5
Use compile_sass and add flag to make editor-toolbar compile again
2021-04-15 13:09:50 +02:00
Henrik Giesel
1eafa7d9d0
Remove $$restProps and make explicit dropdown support in buttons
...
* Currently LabelButton, CommandIconButtton, and IconButton support dropdowns
2021-04-15 13:09:50 +02:00
Henrik Giesel
920b740c8f
Add RawButton and hook old python hooks up to it
2021-04-15 13:09:50 +02:00
Henrik Giesel
432e0a5079
Introduce ToolbarItem as a better base type instead of DynamicSvelteComponent
2021-04-15 13:09:50 +02:00
Henrik Giesel
b364ae5542
Switch from lazy loading of properties to wrapping the buttons in a function
2021-04-15 13:09:50 +02:00
Henrik Giesel
d6ad5084f1
Add a button / buttonGroup insertion API
2021-04-15 13:09:50 +02:00
Henrik Giesel
8fd21661b4
Fix sticky toolbar which was broken when introducing var(--toolbar-size)
2021-04-15 13:09:50 +02:00
Henrik Giesel
eceb98f8e6
Show/Hide Cloze button depending on whether cloze type
2021-04-15 13:09:50 +02:00
Henrik Giesel
fe4ba87490
Move cloze logic and wrapping logic editor-toolbar
2021-04-15 13:09:50 +02:00
Henrik Giesel
cbf72c0f05
Make buttons and button groups easily toggleable through hidden web component
2021-04-15 13:09:50 +02:00
Henrik Giesel
4c273caedb
Remove props property in favor of $$restProps
2021-04-15 13:09:50 +02:00
Henrik Giesel
f88b9d64d3
Get rid of types.d.ts in favor of DynamicSvelteComponent
2021-04-15 13:09:50 +02:00
Henrik Giesel
86c57d5b75
Pass button groups as actual button groups, not arrays
2021-04-15 13:09:50 +02:00
Henrik Giesel
d3e1bfa841
Pass wraps more similiar to how size is passed via CSS variables
2021-04-15 13:09:50 +02:00
Henrik Giesel
59884df70b
Make wraps a passable prop to EditorToolbar
...
Can be set to nowrap via document.getElementByID("editorToolbar").component.$set({ wraps: false })
2021-04-15 13:09:50 +02:00
Henrik Giesel
a2d37206ea
Rename title to tooltip across editor toolbar components
2021-04-15 13:09:50 +02:00
Henrik Giesel
8e1092d2c4
Rename types.ts to types.d.ts
2021-04-15 13:09:50 +02:00
Henrik Giesel
120e1452e3
Change overflow of button groups to overflow-y auto
...
Avoids erratic creation of scrollbars
2021-04-15 13:09:50 +02:00
Henrik Giesel
c7590c8ef1
Use dynamicComponent instead of withLazyProps
2021-04-15 13:09:50 +02:00
Henrik Giesel
28201670ee
Move enabled/disabled logic to EditorToolbar
2021-04-15 13:09:50 +02:00
Henrik Giesel
2046b00c38
Fix clicking the bold button immediately showing the updated button state
...
- rather than only after typing
2021-04-15 13:09:49 +02:00
Henrik Giesel
bb64f73c1a
Support building as external repo
2021-04-15 13:09:49 +02:00
Henrik Giesel
37ed3e8209
Fix some code quality issues
2021-04-15 13:09:49 +02:00
Henrik Giesel
96feba7a3e
Pass in buttons and menus directly as stores
2021-04-15 13:09:49 +02:00
Henrik Giesel
8b906100c0
Make --toolbar-size a parameter
2021-04-15 13:09:49 +02:00
Henrik Giesel
9cbab08b00
Add ButtonDropdown for dropdowns like the MathJax dropdown on AnkiMobile
2021-04-15 13:09:49 +02:00
Henrik Giesel
6953389798
Add exports for add-ons
2021-04-15 13:09:49 +02:00
Henrik Giesel
45992b68cd
Make it easier to update buttons and menus
2021-04-15 13:09:49 +02:00
Henrik Giesel
7f42b38e7a
Add labels and titles to all buttons
2021-04-15 13:09:49 +02:00
Henrik Giesel
216b93c060
Add titles to buttons with lazyProperties
2021-04-15 13:09:49 +02:00
Henrik Giesel
4e6d5d9adb
Move logic from index.ts to their individual files
2021-04-15 13:09:49 +02:00
Henrik Giesel
3ddbc1e6c3
Add first lazily loaded i18n strings
2021-04-15 13:09:49 +02:00
Henrik Giesel
9b68a5c2c3
Give select an effect on :hover
2021-04-15 13:09:49 +02:00
Henrik Giesel
5f498e6142
Make select display inline-block
2021-04-15 13:09:49 +02:00
Henrik Giesel
fb668c56e6
Make Toolbar resizable through a single CSS variable --toolbar-size
2021-04-15 13:09:49 +02:00
Henrik Giesel
f526b51ea2
Add SelectButton
2021-04-15 13:09:49 +02:00
Henrik Giesel
fa900e1565
Add dropdown menu to mathjax button
2021-04-15 13:09:49 +02:00
Henrik Giesel
391f64f648
Make it so you can include DropdownMenus on all kinds of buttons
2021-04-15 13:09:49 +02:00
Henrik Giesel
5eb07d3fc7
WIP: Turn DropdownMenu into a _decorator_ usable with all other button types
2021-04-15 13:09:49 +02:00
Henrik Giesel
a820059b8f
Utilize enableButtons disableButtons from Svelte component
2021-04-15 13:09:49 +02:00
Henrik Giesel
9340d20c20
Display .active:active as :hover buttons
2021-04-15 13:09:49 +02:00
Henrik Giesel
4280bf28f8
Add active shadow on ColorPicker
2021-04-15 13:09:49 +02:00
Henrik Giesel
e25583d7ff
Move display:flex from outer div to ButtonGroup ul
2021-04-15 13:09:49 +02:00
Henrik Giesel
7f5e9b1b33
Add negative tabindex
2021-04-15 13:09:49 +02:00
Henrik Giesel
b5b9c79f1c
Add mathjaxButton and htmlButton instead of more button
2021-04-15 13:09:49 +02:00
Henrik Giesel
77de6c0288
Make icons slightly smaller, so they are the same size as before
2021-04-15 13:09:49 +02:00
Henrik Giesel
12021228a5
Make all buttons functional
2021-04-15 13:09:49 +02:00
Henrik Giesel
2f808fe60c
Move initialization logic from EditorToolbar to index.ts
2021-04-15 13:09:49 +02:00
Henrik Giesel
bf433f13be
Simplify General Toolbar structure
2021-04-15 13:09:49 +02:00
Henrik Giesel
773f431bb8
Merge buttons to one OuterButtonGroup
...
- keeping up the concept of left / right buttons might not be necessary anymore
- This might make it easier to display them on mobile, and simplifies the logic
2021-04-15 13:09:49 +02:00
Henrik Giesel
8c931af17c
Make all Leaf buttons 30px high and give same vertical-align
2021-04-15 13:09:49 +02:00
Henrik Giesel
0269c97b2e
Rename IconButtonInner to InnerButton, as it does not necessarily contain an Icon
2021-04-15 13:09:49 +02:00
Henrik Giesel
a12e39a15f
Add hover and active effects
2021-04-15 13:09:49 +02:00
Henrik Giesel
b26c4294ec
Display ButtonGroups inline-block
2021-04-15 13:09:49 +02:00
Henrik Giesel
9563da37d3
Add ButtonGroup for grouping of toolbar items
2021-04-15 13:09:49 +02:00
Henrik Giesel
ccb7c5d68a
Add CommandIconButton functionality
2021-04-15 13:09:49 +02:00
Henrik Giesel
0963d53e0c
Add color.ts for foreground color and color picker
2021-04-15 13:09:49 +02:00
Henrik Giesel
fee78d2570
Add remaining icons for toolbar
2021-04-15 13:09:49 +02:00
Henrik Giesel
a0a9619722
Include icons directly in ts lib
2021-04-15 13:09:49 +02:00
Henrik Giesel
7787a7827f
First implementation
2021-04-15 13:09:48 +02:00
Henrik Giesel
de77e40e4d
Add ts/editor-toolbar
2021-04-15 13:09:48 +02:00