Commit graph

319 commits

Author SHA1 Message Date
Joachim
4c021e6357 Add Mobile styles 2021-05-02 21:34:43 +02:00
Mouse Reeve
454dd25681 Only make notification count red for mentions 2021-04-30 07:49:34 -07:00
Joachim
bbac0ad7ab Update bookwyrm.css 2021-04-29 21:51:42 +02:00
Joachim
d4dffe48a7 Update bookwyrm.css 2021-04-29 21:48:35 +02:00
Joachim
fa17386a6e Fix 2021-04-29 21:45:48 +02:00
Joachim
0a71fb094f Move counter in Ordered List 2021-04-29 21:41:43 +02:00
Fabien Basmaison
e37cbcd88d cover: Comment CSS rules a bit more and add rules for consistency. 2021-04-28 15:02:47 +02:00
Fabien Basmaison
bba60c99e9 cover: Rearrange some CSS rules. 2021-04-28 14:48:25 +02:00
Fabien Basmaison
baaaeef4c0 cover: Fix little details. 2021-04-28 10:47:14 +02:00
Fabien Basmaison
8a1c8cb061 cover: Update goal:
- Remove `.content` from template when not dealing with markdown-generated markup.
- Fix some duplicated CSS selectors.
2021-04-27 21:07:54 +02:00
Fabien Basmaison
a5359d1f80 cover: Update author. 2021-04-27 20:30:10 +02:00
Fabien Basmaison
d8b6676976 cover: Udpate logged out home and discover. 2021-04-27 16:27:39 +02:00
Fabien Basmaison
8ddc292ee6 cover: Change the logic again:
- Work on feeds.
- Add `.is-cover` to modify the behaviours of columns.
- Only apply logic for dimensions on the cover container; too many contextual side effects otherwise.
- Add classes to dimension and align, including auto margins for flex.
- Rename classes in templates accordingly.
2021-04-27 16:24:20 +02:00
Fabien Basmaison
b089f6c86a Update Bulma from v0.9.1 to v0.9.2. 2021-04-26 15:20:48 +02:00
Fabien Basmaison
26cacf502c Rationalise behaviours of context, container and cover:
- Set minimum dimensions to avoid having to pass classes all over the place.
- Outline the container to show white on white covers properly.
- Remove extraneous code.
- Better size caption when no cover is available.
- Create Alignments, Positions and Spacings sections and move some existing dimensions.
- Update previous templates.
2021-04-26 13:39:17 +02:00
Fabien Basmaison
30bed6c963 Merge branch 'main' into frontend-book-cover 2021-04-26 11:35:10 +02:00
Joachim
e92166c7f7 Directory: Homogenize cards heights
When the content of a profile card stretches it in height, the grid is not homogenous. This PR adds a CSS class that'll display cards as stretchable columns. The card content will be able to grow, which should always place the card footer at the bottom of the card.
2021-04-25 20:05:31 +02:00
Mouse Reeve
2fd8e12b96
Merge pull request #974 from joachimesque/list-table
Add mobile styles for book preview table
2021-04-25 10:42:27 -07:00
Fabien Basmaison
a268f339c0 Fix linting issues. 2021-04-25 15:45:49 +02:00
Fabien Basmaison
953dff90bb cover: tweak styles:
- `optimizeQuality` > `smooth` (CSS language evolution)
- Use `auto` instead of a fixed width.
- Add exceptions for heights and apply them to some previously modified templates.
- Remove `is-large` exception.
- Widen the content column on list curation.
2021-04-25 15:37:46 +02:00
Fabien Basmaison
23985e4357 Merge branch 'main' into frontend-book-cover 2021-04-25 11:24:21 +02:00
Fabien Basmaison
cf5a4ebe90 Fix typo:
Addresses https://github.com/bookwyrm-social/bookwyrm/pull/994#discussion_r619688900.
2021-04-24 21:27:05 +02:00
Fabien Basmaison
eea8b4e750 cover: Handle covers with specific heights:
- Have an explicit contextual class on `cover-container`.
- Use more flexible, consistent and searchable variable name for passing classes to covers.
- Consistently use `'…'` with django variables.
- Give the option to not hide covers to screen readers.
- consitently give a title to the cover container if `alt_text` exists.
- [lists] Remove `.content` which is applying too extensive default styles.
2021-04-24 21:27:05 +02:00
Joachim
e06154c457
Merge branch 'main' into smaller-statuses-dense-cards 2021-04-24 20:07:13 +02:00
Fabien Basmaison
32fb06c9e6 Prevent stars from wrapping on multiple lines. 2021-04-24 13:23:03 +02:00
Fabien Basmaison
7f0b3184a1 cover: Use book-cover as component:
- Avoid specifying context-dependent values in CSS for components. Those values can be defined by the context calling the component.
- Use `<figure>` with optional caption.
- Reduce redundant markup.
- Allow more variables to be passed to the book-cover (image path and class for the container).
- Hide the book cover to screen readers.
2021-04-24 12:48:55 +02:00
Mouse Reeve
c6e8161a9f Removes scroll padding 2021-04-22 13:08:22 -07:00
Joachim
15c7a1dc82 Update bookwyrm.css 2021-04-22 20:57:24 +02:00
Joachim
2749e6ad95 Fix CSS for linter 2021-04-21 22:36:07 +02:00
Joachim
0b0a283e64 Fix buttons styles 2021-04-21 22:32:14 +02:00
Joachim
e4836bd9b3 Fix for lint 2021-04-21 21:29:28 +02:00
Joachim
2ae9085e55 Vertically align cells in desktop view 2021-04-21 21:26:20 +02:00
Joachim
482774f1e1 Add mobile styles for book preview table 2021-04-21 21:25:37 +02:00
Joachim
71390f1735 Set body height 2021-04-15 21:51:14 +02:00
Fabien Basmaison
e016006ade [css] Rename all classes consistently: :shamed:
This commit addresses https://github.com/mouse-reeve/bookwyrm/pull/883#pullrequestreview-632930445.
2021-04-10 19:51:18 +02:00
Fabien Basmaison
b92ff9752d [assets] Remove UI and behaviours for interactions:
This commit addresses https://github.com/mouse-reeve/bookwyrm/pull/883#discussion_r609739553.
2021-04-08 17:37:29 +02:00
Fabien Basmaison
2f90b4ce66 [assets] Fix broken actions for focus and checkbox:
This commit should address the following two comments:

- https://github.com/mouse-reeve/bookwyrm/pull/883#discussion_r609172258
- https://github.com/mouse-reeve/bookwyrm/pull/883#discussion_r609174513
2021-04-08 11:37:14 +02:00
Fabien Basmaison
83bd417878 [assets] Update interactions code:
This commit should address https://github.com/mouse-reeve/bookwyrm/pull/883#discussion_r609381969.

- Disable the button being used to submit the form.
- Rename variables based on @mouse-reeve’s explanations. Thanks! 
2021-04-08 11:08:13 +02:00
Fabien Basmaison
be0cabc415 [css] Improve quotes. 2021-04-07 18:07:32 +02:00
Fabien Basmaison
2a0924027b [css] Use more visible comments to split blocks. 2021-04-07 17:33:28 +02:00
Fabien Basmaison
f77088b964 [assets] Remove redundant class already provided by bulma:
Replace all classes `hidden` with `is-hidden` in templates, CSS and JS.
2021-04-07 17:31:00 +02:00
Fabien Basmaison
f2a2b410a1 [assets] Add comment to mention replacing font icons with SVG. 2021-04-07 10:49:52 +02:00
Fabien Basmaison
54805afb51 [assets] Tweak JSDoc. 2021-04-07 10:37:11 +02:00
Fabien Basmaison
5d569e8926 [assets] Only update status if the promise is successful:
- Use promises in `ajaxPost` and `interact`.
- Add some animations in CSS.
2021-04-07 09:24:34 +02:00
Fabien Basmaison
1c05107f2b [assets] Tweak comments. 2021-04-07 07:53:30 +02:00
Fabien Basmaison
44040201f9 [assets] Move interact function. 2021-04-06 17:57:39 +02:00
Fabien Basmaison
9d95f54aa2 [assets] Refactor toggleAction and toggleMenu a bit. 2021-04-06 17:48:56 +02:00
Fabien Basmaison
52d2f0e331 [assets] Document functions and variables:
- Use expressive names for variables.
- Add docblocks for each function.
- Add ESLint rules for comments.
2021-04-06 16:17:20 +02:00
Fabien Basmaison
5d3d00f694 [assets] Use dataset + use expressive names for some variables. 2021-04-06 15:36:34 +02:00
Fabien Basmaison
62fe2ef600 [assets] Replace inline events with addEventListener; this breaks sliding menu. 2021-04-06 11:37:23 +02:00
Fabien Basmaison
7e49b3cb26 [assets] Simplify addRemoveClass function. 2021-04-06 11:19:44 +02:00
Fabien Basmaison
70c652d565 [assets] Add rules to ESLint:
- Fix long line.
- Enforce a few stylistic habits:

    - Avoid some potential dangerous constructs.
    - `arrow-spacing`: Use at least one space around arrows.
    - `keyword-spacing`: Use at least one space around keywords (if, else, for…).
    - `no-multiple-empty-lines`: Only use one empty line between code.
	- `no-var`: Use `let` or `const` instead of `var`:
    - `padded-blocks`: Do not pad blocks.
    - `padding-line-between-statements`: Use empty lines between some statements.
    - `space-before-blocks`: Use at least one space before the opening brace of a block.
2021-04-06 10:42:52 +02:00
Fabien Basmaison
991d897ac7 [assets] Listen to events as soon as possible. 2021-04-06 09:57:52 +02:00
Fabien Basmaison
2f2f7db086 [assets] Use classes for JS files:
- Classes strictly parse code implicitly.
- Fix previously updated code.
2021-04-06 09:44:59 +02:00
Fabien Basmaison
f430363be0 [assets] Simplify a function expression. 2021-04-06 09:11:56 +02:00
Fabien Basmaison
f6c3e581b9 [assets] Replace Array.from(document.getElementsByClassName(…)) by querySelectorAll(…). 2021-04-06 09:11:27 +02:00
Fabien Basmaison
6b0a3ce4b1 [assets] Move localStorage chunks of code to their own file:
This should prevent a sync issue with updateDisplay not always being loaded on time.
2021-04-06 09:06:51 +02:00
Fabien Basmaison
964b47ea97 [assets] Fix path for icomoon font. 2021-04-05 16:46:30 +02:00
Fabien Basmaison
cbed5e331b [assets] Move some frontend assets to _vendor_ directories:
This simplifies linting of files we have no grasp on, and clarifies responsibilities.

- Add .eslintignore.
- Restrict linting to bookwyrm/static.
2021-04-05 16:17:11 +02:00
Fabien Basmaison
5aea7343b4 [assets] Rename some files for consistency. 2021-04-05 16:16:48 +02:00
Fabien Basmaison
6971c9b133 [assets] Move toggleAllCheckboxes code to its own file. 2021-04-05 16:16:05 +02:00
Mouse Reeve
abd6a78295
Merge pull request #862 from mouse-reeve/disabled-link
Valid html solution to disabling pagination links
2021-04-04 10:59:22 -07:00
Fabien Basmaison
485b0fa0f3 Simplify rating form:
- Create a snippet to regroup similar code.
- Reduce and document tricky logic of CSS.
- Add i18n strings.
2021-04-04 15:08:42 +02:00
Mouse Reeve
8d7527dee3 CSS linter fixes 2021-04-03 11:59:14 -07:00
Mouse Reeve
3cb91098e6 Valid html solution to disabling pagination links 2021-04-03 11:54:15 -07:00
Mouse Reeve
7483cb5919 Adds getting started find books view 2021-03-31 13:56:26 -07:00
Fabien Basmaison
53f03457cc Add linter for JS files with basic recommended rules:
- Add Github Action.
- Fix JS files to match rules; mostly `globals` and `exported`.
2021-03-31 17:07:28 +02:00
Fabien Basmaison
cc01105bf0 Add linter for CSS files:
- Add Github Action.
- Update .gitignore.
- Add .stylelintignore for vendor related files.
- Fix format.css to match rules (includes hacks with @todo).
2021-03-31 16:17:05 +02:00
Mouse Reeve
0ef33d2acb Adds shared books as a metric for recommending follows 2021-03-27 07:36:14 -07:00
Mouse Reeve
b0e1095fe6 Adds "suggested follows" panel 2021-03-26 10:32:42 -07:00
Mouse Reeve
8d5630e059 Adds css transitions to notification and unread statuses 2021-03-23 17:52:58 -07:00
Mouse Reeve
b8cd1d5bce Show unread status reload link 2021-03-23 12:52:38 -07:00
Mouse Reeve
d8a20175b6 Adds email template layout and formatting 2021-03-21 12:06:12 -07:00
Mouse Reeve
dd15e87073 Merge branch 'main' into progress-update-ui 2021-03-20 17:38:22 -07:00
Mouse Reeve
942c4a6664 Move progress updates into modal 2021-03-20 17:18:18 -07:00
Fabien Basmaison
fa79070b59 [lint] Update editorconfig linting:
- Add settings for comments.
- Remove custom settings that don’t work.
- Fix vendor JS file:
2021-03-20 16:33:18 +01:00
Fabien Basmaison
b9a61162d7 Merge branch 'main' into ci 2021-03-20 15:26:51 +01:00
Mouse Reeve
c31bf1f0c8 Fixes loading javascript listeners 2021-03-19 15:59:28 -07:00
Mouse Reeve
5ad645c225 Move check all js into separate file 2021-03-19 10:51:45 -07:00
Mouse Reeve
443daab128 Move tabs javascript into separate file 2021-03-19 10:47:32 -07:00
Mouse Reeve
baee0796cd Moves localstorage handlers into its own file 2021-03-18 09:02:07 -07:00
Mouse Reeve
091ad53061 JS linting and whitespace fixes 2021-03-13 12:14:34 -08:00
Fabien Basmaison
a52fee4ccf Remove (potentially useful) unused CSS. 2021-03-06 21:18:39 +01:00
Fabien Basmaison
99e5e3e414 [import] Show skip link to all when there is more than 10 failed imports. 2021-03-05 22:09:56 +01:00
Fabien Basmaison
097b8e5811 Fix toggling all checkboxes of failed imports:
- Rename classes and function to something more descriptive.
- Listen to the element checked status instead of a click on a non‑focusable element.
- Use specific DOM targets instead of relying on the DOM ancestor tree.
- Add a skip‑link to the end of the list and avoid tabbing through all failed items.
- Update related i18n strings in French.
- Avoid having the label on the whole width to prevent accidental click.
- Move `fieldset` out of `ul`.
2021-03-05 15:41:21 +01:00
Fabien Basmaison
1cb84b0f62 [lint] Fix indentation in JS files. 2021-03-04 19:36:17 +01:00
Fabien Basmaison
420a33d79f [lint] fix indentation in CSS files. 2021-03-04 19:27:03 +01:00
Fabien Basmaison
fc16211125 [lint] Ignore newline in svg files within fonts/. 2021-03-04 19:24:11 +01:00
Ned Zimmerman
263b13f157 Adapt tab handler to vanilla JS, fix focus jump, improve accessible naming of tabs/panels 2021-02-28 14:04:04 -04:00
Ned Zimmerman
bc7f830b2b Merge branch 'upstream' into tab-keyboard-accessibility 2021-02-27 11:53:27 -04:00
Ned Zimmerman
9580bec154 feat: modify tabbed interfaces to support keyboard accessibility (fixes #526) 2021-02-27 11:47:03 -04:00
Mouse Reeve
b1268b7db8 Small covers too small on mobile 2021-02-23 12:44:25 -08:00
Mouse Reeve
485de039cf
Merge branch 'main' into shelve-buttons 2021-02-09 13:28:00 -08:00
Mouse Reeve
76491e4e35 Back off notification polling 2021-02-09 10:38:43 -08:00
Mouse Reeve
05c00b9eca Adds cute lil icons to discover page 2021-02-02 10:13:35 -08:00
Mouse Reeve
e5746d6117 Menu list for shelf button options 2021-01-30 11:43:40 -08:00
Mouse Reeve
b53ef73faf Feed templates 2021-01-29 10:25:31 -08:00
Mouse Reeve
2a6a000e05 Moves avatar crop into function and adds test 2021-01-26 08:03:16 -08:00
Mouse Reeve
2411b4fe79 puts @'mentions directly in compose box 2021-01-19 16:16:22 -08:00
Mouse Reeve
1778e8dd46 Uses timeout instead of interval 2021-01-19 14:59:46 -08:00
Mouse Reeve
94a41498cf Remove counts when notifications are deleted 2021-01-19 14:32:08 -08:00
Mouse Reeve
3fce67a60d Only update on change 2021-01-19 14:25:04 -08:00
Mouse Reeve
394666357f Poll for notifications 2021-01-18 16:32:02 -08:00
Mouse Reeve
c7b03fec5a Fixes rate action 2021-01-18 09:57:44 -08:00
Mouse Reeve
7308d8d1e9 javascript cleanup
I got my linter working!
2021-01-18 08:26:04 -08:00
Mouse Reeve
51ddada8f6 Fixes mobile menu dropdown 2021-01-17 20:31:37 -08:00
Mouse Reeve
3f136c40da Uses js pattern for tabs 2021-01-17 20:19:09 -08:00
Mouse Reeve
0a70d6e981 Makes dropdown clickable, and work with screen reader
I'm lightly peeved with bulma that it wasn't clear how to make hover
menus accessible, but clickable menus are just fine with my anyway.
2021-01-17 16:29:46 -08:00
Mouse Reeve
ff743ed9d6 Javascript button for reply form 2021-01-17 10:38:34 -08:00
Mouse Reeve
47d5b907ac Readthrough interactions 2021-01-17 10:10:59 -08:00
Mouse Reeve
f7e3cbda84 Uses toggle button snippet for content warning 2021-01-17 08:50:47 -08:00
Mouse Reeve
afdf5fc8ec starts replacing pure css buttons with javascript buttons
RIP, but it was time
2021-01-17 08:26:28 -08:00
Mouse Reeve
f42fd28c73 Removes unused javascript 2021-01-16 19:59:08 -08:00
Mouse Reeve
3e58163f0d refactors content warning button 2021-01-16 19:57:20 -08:00
Mouse Reeve
739b6e19e2 Dismiss reading goal using localstorage 2021-01-16 09:21:19 -08:00
Mouse Reeve
11ea829657 Adds icon to goal form 2021-01-16 08:54:16 -08:00
Mouse Reeve
f61a25cfb1
Merge branch 'main' into html-interaction 2021-01-15 09:45:33 -08:00
Mouse Reeve
861249080b Moves toggle menu javascript out of html 2021-01-14 15:45:30 -08:00
Mouse Reeve
7abe39b7d5 Tab change javascript out of html 2021-01-14 15:29:37 -08:00
Mouse Reeve
4d4e692f49 Javascript cleanup 2021-01-14 15:16:18 -08:00
Mouse Reeve
5591024933 Moves interaction javascript out of html 2021-01-14 14:38:33 -08:00
Mouse Reeve
e57c4f4bcd Adds focus control javascript 2021-01-14 13:02:28 -08:00
Mouse Reeve
766c7afdb9 Don't let long titles display past card title box 2021-01-13 19:38:26 -08:00
Mouse Reeve
4319e58079 Fixes squished avatars 2021-01-11 18:09:12 -08:00
Mouse Reeve
aa151c111f Smaller max width for large covers 2021-01-10 09:50:17 -08:00
Mouse Reeve
b1d4b75926 Fixes tail end of shelving pulldown getting hidden 2021-01-06 19:56:56 -08:00
Mouse Reeve
8e923d6333 User container class in layout 2021-01-03 12:53:51 -08:00
Mouse Reeve
721d20efab Creates snippets for discover preview boxes 2021-01-03 11:24:26 -08:00
Mouse Reeve
ef42d29bd9 Discovery landing page 2021-01-03 11:10:04 -08:00
Mouse Reeve
ef696782ab Allow markdown in html fields 2020-12-19 18:54:56 -08:00
Mouse Reeve
3f1bf4e1d6 Set max width on cover container 2020-12-17 12:57:56 -08:00
Mouse Reeve
6cc1e241fe display images at a reasonable size 2020-11-24 12:07:00 -08:00
Mouse Reeve
6300c37a4e Select all checkbox 2020-11-13 10:14:24 -08:00
Mouse Reeve
44b798b423 Puts reply form below button that shows it
still think this is janky.
2020-11-11 18:32:52 -08:00
Mouse Reeve
a5a1af418c Adds ui for editing and adding shelves 2020-11-10 13:39:37 -08:00
Mouse Reeve
79f7c55a04 indicate if menu has been expanded 2020-11-09 11:58:19 -08:00
Mouse Reeve
c3c59ce3d8 Adds label to mobile dropdown button
and changes the icon
2020-11-09 11:29:17 -08:00
Mouse Reeve
c37c6aae40 nested covers tabs should work with screen reader 2020-11-08 19:34:41 -08:00
Mouse Reeve
b7bc089d86 Improves tabbing javascript for create status tabs 2020-11-08 19:09:29 -08:00
Mouse Reeve
b7f8055ede Fixes review/comment/quote tabs in create status form 2020-11-08 18:23:12 -08:00
Mouse Reeve
a02f380472
Merge pull request #295 from mouse-reeve/suggested-books
Show shelf names with suggested books
2020-11-06 20:40:23 -08:00
Mouse Reeve
b763b7469b Show shelf names with suggested books 2020-11-06 20:36:52 -08:00
Mouse Reeve
8b5b6e13a5 Use check icon instead of unicode character 2020-11-06 11:55:32 -08:00
Mouse Reeve
7bf39d3bf7 html for updated reading progress flow 2020-11-05 16:48:15 -08:00
Mouse Reeve
7f11afa081 Revamps reply form 2020-11-05 10:48:28 -08:00
Mouse Reeve
1c442f0dfe More legible statuses on mobile 2020-11-05 08:21:00 -08:00
Mouse Reeve
4684a83e6f fixes quote character 2020-10-31 21:56:45 -07:00
Mouse Reeve
2463e64321 wrong quote in blockquote 2020-10-31 13:00:28 -07:00
Mouse Reeve
95455d9538 Preserve linebreaks in text 2020-10-30 14:43:39 -07:00
Mouse Reeve
3c5f6d19fb Adds envelope icon 2020-10-28 12:44:30 -07:00
Mouse Reeve
9b45c2d4d1 favicon clear background tweaks
plus collectstatic with --no-input
2020-10-05 14:23:04 -07:00
Mouse Reeve
9c83d68a80 Adds favicon
Fixes #22
2020-10-05 10:00:30 -07:00
Mouse Reeve
36f7ab36c9 Adds better logo 2020-10-01 13:53:52 -07:00
Mouse Reeve
982f734ce7 Use bulma screen-reader-only class 2020-09-30 15:10:37 -07:00
Mouse Reeve
ada09639b7 Remove unnecessary icon-related css 2020-09-30 12:01:17 -07:00
Mouse Reeve
7612bcf096 Use "tag" for notifications 2020-09-30 11:56:02 -07:00
Mouse Reeve
9efe1a3990 Small ui fixes 2020-09-30 09:00:33 -07:00
Mouse Reeve
50f2f4788e Adds review box to main page layout 2020-09-29 17:43:30 -07:00
Mouse Reeve
767190e012 Notifications 2020-09-29 14:45:04 -07:00
Mouse Reeve
0bea615b82 Tags and tables 2020-09-29 14:11:55 -07:00
Mouse Reeve
3dc43aa81c Book and editions page styles 2020-09-29 13:11:52 -07:00
Mouse Reeve
dbc6fb1d18 Status form in book page 2020-09-29 11:48:03 -07:00
Mouse Reeve
61fa15a0c2 Book page and review form 2020-09-29 11:00:54 -07:00
Mouse Reeve
24c28876af Cleans up status display 2020-09-28 21:08:42 -07:00
Mouse Reeve
3486219dce Uses minified bulma library 2020-09-28 18:30:12 -07:00
Mouse Reeve
3eeeb78bd7 Fixes UI for statuses 2020-09-28 18:25:58 -07:00
Mouse Reeve
a4d1985f86 Fixes star rating displays 2020-09-28 18:25:58 -07:00
Mouse Reeve
49e94f8e8e Switches to Bulma for layout 2020-09-28 18:25:58 -07:00
Mouse Reeve
f77c156733 rename main code directory 2020-09-17 13:30:54 -07:00