Commit graph

3595 commits

Author SHA1 Message Date
Davinder Singh
61e18e7266 Gallery redesign - Fixing the overflow of cta's in the layout on smaller screen on Gallery item page (#21405)
* adding flex-wrap to avoid overlapping of the buttons

* renaming classes to avoid modifying col-md-12 properties

GitOrigin-RevId: d000bd3c0b5be15f526ccbd1699cfe5679c0ddec
2024-10-29 09:04:47 +00:00
Mathias Jakobsen
c9ed5f6a79 [web] Add mainBibliographyDocId to projects (#20842)
GitOrigin-RevId: 5358ef5cf0b9aaeadfe360c1bdc575fd1bf7344d
2024-10-29 09:04:42 +00:00
M Fahru
52bb22a794 Merge pull request #21378 from overleaf/mf-wrap-filter-navigation
[web] Adjust the styling of the navigation filter on devices with a small screen width on gallery page

GitOrigin-RevId: a404293a030aa60f2261ad2219bc7e55d885f042
2024-10-28 09:06:35 +00:00
Jessica Lawshe
597551859e Merge pull request #21386 from overleaf/jel-gallery-related-tags
[web] Use standard badge link CSS on related tags

GitOrigin-RevId: 6efe8add61e677c83fc3983cf7a7c9a1ac95b33c
2024-10-28 09:06:24 +00:00
Jessica Lawshe
f91f423ae4 Merge pull request #21384 from overleaf/jel-gallery-badge-links
[web] Standardize CSS for badge links lists

GitOrigin-RevId: f0684cdd9b246c6fe1ab4b3c43121fa331933a66
2024-10-28 09:06:20 +00:00
M Fahru
a3ce640c7e Merge pull request #21379 from overleaf/jel-gallery-images-hover
[web] Clickable gallery images hover effect

GitOrigin-RevId: dfd992d970f9b0a2171bf598c27d474a06a5be74
2024-10-28 09:06:07 +00:00
M Fahru
94d14e3900 Merge pull request #21376 from overleaf/jel-spacing-gallery
[web] Fix spacing between sections, columns, and rows on gallery redesign

GitOrigin-RevId: 3c787baa7300c0f39705f71f8821f8da69a837a5
2024-10-28 09:06:03 +00:00
M Fahru
862fb9f2ae Merge pull request #21268 from overleaf/mf-new-gallery-search-result-badge
[web] Standardize `.badge` styling and HTML structure for both gallery-search and blog post page

GitOrigin-RevId: edfaceb61900897178654a920995e5c857fe7107
2024-10-28 09:05:55 +00:00
Domagoj Kriskovic
0329a18875 Show "add comment" tooltip below cursor if near viewport top (#21348)
* Scroll selection anchor into view when adding new comment

* check if cursor is near viewport edge

* Show "add comment" tooltip below cursor if near viewport top

GitOrigin-RevId: 0dc2234bc03b1d88a3719ba01a4a865f218b9bfa
2024-10-28 09:05:47 +00:00
David
44b2ca1830 Manually force blur on submitting an edited message (#21333)
* Return focus to parent entry element after message is edited

* Revert "Return focus to parent entry element after message is edited"

This reverts commit 96234a666e7e7c17b99a23a8a92ea030efe6083f.

* Manually force blur on submitting an edited message

* Show review panel entry header when editing comment (#21397)

* Show review panel entry header when editing comment

* edit comment spacing

* hide comment options when editing

---------

Co-authored-by: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
GitOrigin-RevId: 66a8d1ed772cf91ea0f086bd08cdabaeb7456956
2024-10-28 09:05:43 +00:00
Domagoj Kriskovic
40ed104bce Disable drop-shadow on review panel entry when collapsed (#21399)
* Disable drop-shadow on review panel entry when collapsed

* use existing .review-panel-mini class

GitOrigin-RevId: 18428f37a7d048b8a63c5eaf6bf232f4cc5009b5
2024-10-28 09:05:38 +00:00
Domagoj Kriskovic
29c5bc8206 Focused and selected states for ReviewPanelEntry (#21354)
GitOrigin-RevId: 41e5ed1110d71eae51cbbde1e874dda133d666c8
2024-10-28 09:05:34 +00:00
Domagoj Kriskovic
db23262611 Scroll selection anchor into view when adding new comment (#21328)
* Scroll selection anchor into view when adding new comment

* check if cursor is near viewport edge

GitOrigin-RevId: 57d4195f7ce1513a56249365b45b3959b4ea813f
2024-10-28 09:05:29 +00:00
Domagoj Kriskovic
4bcc7c9602 Update review panel entries on layout resize (#21323)
GitOrigin-RevId: db9b01609a2425952671e30fc20c16de4d3b36a8
2024-10-28 09:05:25 +00:00
Alf Eaton
34c3647244 Ignore a frequent unhandled promise rejection (#21383)
GitOrigin-RevId: 3c1360d6f4be1367aa77893ad8ef60760d6f9351
2024-10-28 09:05:21 +00:00
Alf Eaton
c0d6a9c5f0 Use noSpellCheckProp NodeProp to exclude node types from spell check (#21335)
GitOrigin-RevId: 91ba72285b0f01c3c00fdb1a64c30e9ff67f72f5
2024-10-28 09:05:16 +00:00
Alf Eaton
516a7abc2a Wrap view.dispatch in setTimeout (#21365)
GitOrigin-RevId: 61c19e10f9529b4d7913f01c57281931533153d2
2024-10-28 09:05:12 +00:00
Jessica Lawshe
5182e9a883 Merge pull request #21337 from overleaf/as-gallery-badge-underline
Remove underline on hover on gallery badges

GitOrigin-RevId: c83dc2f9e29650d11686a5e15b289391dc032e56
2024-10-25 08:06:50 +00:00
Jessica Lawshe
775ab9a8d1 Merge pull request #21352 from overleaf/as-gallery-tags-min-height
Set a minimum height on expanded tags container

GitOrigin-RevId: f8f537815a3b9b3e641b5e9d359964efa88f7808
2024-10-25 08:06:46 +00:00
Jessica Lawshe
4eef05a980 Merge pull request #21291 from overleaf/mf-change-caption-description-html-element
[web] Change gallery caption-description html element from div to p

GitOrigin-RevId: e9d5b699c0ada270a775223126d8c90cdc5992af
2024-10-25 08:06:41 +00:00
Jessica Lawshe
81663a1531 Merge pull request #21313 from overleaf/mf-spacing-featured-section
[web] Add correct spacing between popular-tags section, recent-docs section, and featured-docs section

GitOrigin-RevId: c04d2b09d85ac383efd8b3da2c53d5bd86a069f7
2024-10-25 08:06:37 +00:00
Jessica Lawshe
7a7533f794 Merge pull request #21116 from overleaf/mf-new-gallery-search-result-mobile
[web] Adjust search result styling for smaller screen width

GitOrigin-RevId: 6a16b0ca05358c6c83cc626c6103a6bffc98c33f
2024-10-25 08:06:32 +00:00
Jessica Lawshe
fd778822f9 Merge pull request #21364 from overleaf/jel-gallery-list-img
[web] Remove image container on gallery items

GitOrigin-RevId: 2cd310df1ed99cc559286a5d8d9405eed2c440c3
2024-10-25 08:06:28 +00:00
Jessica Lawshe
0e607a95ee Merge pull request #21338 from overleaf/jel-image-drop-shadow-gallery
[web] Use larger drop shadow on gallery images

GitOrigin-RevId: 3a8a94def86cd1f77785326becb32d21a0804c0c
2024-10-25 08:06:23 +00:00
Tim Down
30eb5416f3 Merge pull request #21353 from overleaf/td-search-panel-focus
Pass main-field attribute through to form control in BS3

GitOrigin-RevId: 58ac2f4a18e098b35e4d4b14aa18eb013e4898e4
2024-10-25 08:05:32 +00:00
ilkin-overleaf
ed8fc2747a Merge pull request #21281 from overleaf/ii-bs5-toolbar-items-border-radius
[web] BS5 toolbar buttons border radius

GitOrigin-RevId: b07a7bb16ab7a933dfa714a128f88f2ee006cf04
2024-10-25 08:05:27 +00:00
Mathias Jakobsen
4bc5a0f1d9 Merge pull request #21319 from overleaf/mj-select-controlled-null
[web] Allow Select to be controlled with no selection

GitOrigin-RevId: 15e5b643e30205124f8e807379ab7e540e2145d1
2024-10-25 08:05:23 +00:00
Tim Down
792c9774a5 Merge pull request #21347 from overleaf/td-document-diff-viewer-full-width
Make document diff viewer always take up the full width of its container

GitOrigin-RevId: cdb593700c403564bdf297ea838b279e7e73bba2
2024-10-25 08:05:18 +00:00
Alf Eaton
4bbde479a5 Avoid creating duplicate spell check marks on the edited line (#21331)
GitOrigin-RevId: 12726b47450be23f5a412a4c50cc2420af6f425f
2024-10-25 08:05:10 +00:00
Alf Eaton
5ec52e2e5b Avoid calling destroy on the PDF.js loading task (#21277)
GitOrigin-RevId: b315e78ff739d301583f2139109f3244abceade8
2024-10-25 08:05:05 +00:00
Jessica Lawshe
19e6ba98f0 Merge pull request #21228 from overleaf/as-gallery-related-tags
[web] Update gallery related tags styling and introduce Show More behaviour

GitOrigin-RevId: 7caef881c9a6f70437486e2bb080135d84f6742f
2024-10-24 08:06:34 +00:00
M Fahru
60cf8885b0 Merge pull request #21312 from overleaf/mf-gallery-search-author
[web] Add author of the template in search result on gallery redesign

GitOrigin-RevId: 6c5dfc039a31a22650f36bd264f0cb7133238ca2
2024-10-24 08:06:25 +00:00
M Fahru
9a142dd5ec Merge pull request #21306 from overleaf/mf-limit-gallery-summary-max-width-to-tagged-page
[web] Limit 828px max-width on gallery-summary to tagged pages only

GitOrigin-RevId: 48a0e342d403eff34cf47e71208b13af6e3f1cbd
2024-10-24 08:06:20 +00:00
M Fahru
b12236576b Merge pull request #21286 from overleaf/mf-fix-layout-search-margin-top
[web] Remove margin-top on template gallery page without search

GitOrigin-RevId: 91335298b15f403e268f8e506ff373345922188b
2024-10-24 08:06:16 +00:00
Jessica Lawshe
4a10779064 Merge pull request #21311 from overleaf/jel-gallery-images
[web] Fix gallery placeholder not expanding full width while images download

GitOrigin-RevId: 5a943799d87bff967bd635b4dc98158d44569d9c
2024-10-24 08:06:12 +00:00
Jessica Lawshe
91d011e1f2 Merge pull request #21308 from overleaf/jel-back-links
[web] Use standard black link CSS for back links

GitOrigin-RevId: 7b26a9a4635ecbd722920407cd8cf900fc394172
2024-10-24 08:06:07 +00:00
Jessica Lawshe
74a475322e Merge pull request #21273 from overleaf/jel-tag-names
[web] Update popular tag names on dash to reflect new names

GitOrigin-RevId: 76e40103102934c260bca3728af66f28bfcba568
2024-10-24 08:06:03 +00:00
Tim Down
1b2385dfce Merge pull request #21259 from overleaf/td-bs5-editor-search
[BS5] Migrate Editor search panel

GitOrigin-RevId: 37605845d4efc27d6c0c3a11de12387e8e3262f4
2024-10-24 08:05:58 +00:00
ilkin-overleaf
2646fefce4 Merge pull request #21289 from overleaf/ii-bs5-figure-modal-improvements
[web] BS5 fix form text colour

GitOrigin-RevId: 8ff03f41cc3490eff0ea4c65a376ac572003fb9c
2024-10-24 08:05:54 +00:00
ilkin-overleaf
5791563ef0 Merge pull request #21263 from overleaf/ii-bs5-code-color
[web] Fix code tag colour in BS5

GitOrigin-RevId: 694640f33c8a614f470887f16f40f236cc7f9104
2024-10-24 08:05:50 +00:00
ilkin-overleaf
7f35ec9b6a Merge pull request #21260 from overleaf/ii-share-modal-role-dropdown
[web] BS5 share modal role dropdown click

GitOrigin-RevId: bb235564a42e737b0fafb4b6b3f47816440a5402
2024-10-24 08:05:45 +00:00
ilkin-overleaf
5c3d9117c5 Merge pull request #21240 from overleaf/ii-bs5-review-panel-old
[web] BS5 review panel old

GitOrigin-RevId: da018b8f2946afb21ab63da0003453e20781f04c
2024-10-24 08:05:41 +00:00
Davinder Singh
92a23b7e9d Gallery redesign - Making the changes on tagged page to match figma design (#21256)
* Adding max width for gallery-summary

* changin card background color

* removing row from within the card

* matching the padding of gray card with figma design

* removing row and spaced row to avoid extra padding and adding doc-rows-container

* adding grid for templates and removing some old styling

* adding .recent-templates-container to add the padding and margins

* deleting a comment and adding img border radius for the thumbnail

* adding margin-bottom on recent-templates-container

* adding .gallery-tagged-title-container to match the figma padding and then a fix was needed for the width of the filters

* renaming gallery-tagged-title-container to gallery-tagged-container-spacing and re-using it for Related tags container

* making recent heading as heading-xl to match figma

* adding badge styling and its container styling via .gallery-tagged-template-tags-container

* making two classes out of this class .gallery-tagged-container-spacing to add the styling for the h2 heading

* adding margin-bottom to match figma style

* making class generic and using it at multiple places

* removing some extra code

* removing grid styling because after rebase the layout was fixed with col classes

* adding rows back

* adding h2 instead of h3 and making them heading-xl

* adapting some changes after merge conflicts

* removing duplicate classname after rebase

GitOrigin-RevId: d02a0b1e2784fd96d2af2326700829879dacc464
2024-10-24 08:05:26 +00:00
Davinder Singh
11cb7dc24c Gallery redesign - Gallery item page redesign (#21034)
* adding .gallery at top level

* adding styling for heading and buttons

* removing padding under cta-links

* removing find more templates text

* adding field title styling

* adding .details-container for spacing between the content

* adding a colon after field-title

* moving tags styling into badge.scss file to make it more generic to use

* moving section tag one level below to use it as a flex containe for adding gap property

* adding field-description class

* fixing the image width

* adding some padding between the content

* renaming  a file to a more descriptive name

* adding .gallery-abstract class in the scss file

* adding colons in pug file

* adding previous-page-link and its container class

* moving paddings to larger screens only and adding a top margin for mobile screens]

* adding some spacing above tags on mobile view when heading and tags are vertically aligned

* adding styling to the badge and removing extra padding from h1 to match figma

* lint:fix

* swapping position of top-pick and official badges

* adding path and itemPlural

* removing unused top margin

GitOrigin-RevId: a5c9b731b69ecfe2b752015c410e10a0fec2c704
2024-10-24 08:05:21 +00:00
David
d74981775c Merge pull request #21283 from overleaf/dp-keyboard-shortcuts
Add missing keyboard shortcuts to new review panel

GitOrigin-RevId: 78e3a63284b62c90e8a3803bd81fdf273f1a2ec9
2024-10-24 08:05:17 +00:00
David
c872d97295 Merge pull request #21250 from overleaf/dp-resolved-comments-ui
UI tweaks for resolved comments menu

GitOrigin-RevId: 23df6f9f0374277c315d2fb9c9940dd92ec19f4e
2024-10-24 08:05:12 +00:00
David
1c5f5950fa Merge pull request #21208 from overleaf/dp-accept-reject-all-changes
Add options to accept/reject all changes to review tooltip

GitOrigin-RevId: 1cea76926d59d0354c8abaa6ba69b7e99c02fbe0
2024-10-24 08:05:08 +00:00
Domagoj Kriskovic
c4b23b4d39 Add "usingNewReviewPanel" flag in store (#21279)
* Revert "Add isUsingNewReviewPanel flag for writefull (#21111)"

This reverts commit 3491e93ca70fa1db0c751872e233dfebdbe81423.

* add usingNewReviewPanel in store

* fix lint error

GitOrigin-RevId: 56d90a428a2cc45708b8b483dc60a62aae233a85
2024-10-24 08:05:03 +00:00
Antoine Clausse
b2e7477467 [web] Migrate AI Error Assistant to BS5 (#21129)
* [storybook] Rerender story when switching BS3/BS5

* [storybook] Add SCSS loader to storybook

* [storybook] Add some AI error assistant stories

* Rename ai-error-assistant.less to .scss

* Update less variables to sass

* Remove duplicated selector

* Replace react-bootstrap components by `OL...`

* Update Checkboxes after BS5 update

* Add IDs so clicking on labels work
* Add BS5 class name in SCSS

Note: `answer-not-detailed` is used twice in the Radios. I think it's a mistake: there should be another name for the "ai_feedback_the_suggestion_wasnt_the_best_fix_available" radio

* Rename ID `answer-not-detailed` -> `answer-not-best-fix`

* Pass name and value to BS3Radio/BS3Checkbox

* [storybook] Add delay before AI suggestion (shows the animation)

* Add a number after the checkbox/radio IDs, to allow multiple forms to be displayed

Without this, clicks on second form are updating the first form!

Another solution could be to wrap the input in the label, but it comes with other problems. See https://css-tricks.com/html-inputs-and-labels-a-love-story/

* [storybook] Update `LabsAiPromoBanner`

* Use CSS variables instead of hardcoded values

* Make radio input flex

* Replace `blue-10` by `bg-info-03`

* Fix `SuggestFixButton`

* Fix `AiErrorAssistantCopyCode`

* Fix button loading in BS5

* Use OLBadge

* Fix Button variants

* Update `suggestFixAction`

* Migrate Tooltip and Button to BS5 in LabsExperimentWidget

* Update BS3/BS5 button classname in AiErrorAssistantCopyCode

Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>

* [storybook] Allow to choose props of `LabsExperimentWidget`

* Fixup `OLTooltip`: Display the tooltip on disabled button in BS5

* Update Tooltips to BS5

---------

Co-authored-by: Rebeka <rebeka.dekany@overleaf.com>
GitOrigin-RevId: 08d594e772c0a3b6db1c6081337cc2d079f478a5
2024-10-23 08:06:36 +00:00
Antoine Clausse
30860ae9f9 [web] Migrate PDF Logs to BS5 (#21062)
* [web] Migrate Logs components JSX to Bootstrap 5

* [web] Migrate logs.less to logs.scss

* [web] Remove unused class names

* [storybook] Define default Bootstrap version in Storybook

This prevents some warning in the console

* [storybook] Update pdf-preview.stories.jsx

* [storybook] Add pdf-log-entry.stories.tsx

* [storybook] Force re-renders when switching BS version

* [web] Keep files dropdown menu in bounds

* [web] Make files dropdown items not bold in BS5

* [web] Revert unrelated change

* [web] Fixup PreviewLogsPaneMaxEntries

* [web] Add style for log-entry-content-link

* [web] Replace log-entry by OLNotification in `PdfCodeCheckFailedNotice`

* [web] Use `BootstrapVersionSwitcher` instead of `isBootstrap5`

* [web] Rename `DropdownBS3` to `BS3Dropdown`

* [web] Reuse variables for `toolbar-height` and `toolbar-small-height`

* [web] Set `id` on `DropdownToggle` not `Dropdown`

* [web] Set `log-entry-btn-expand-collapse` in BS3 only

* [web] Remove `block: true` from StartFreeTrialButton in BS3

* [web] Remove unnecessary CSS in `.log-entry-header-link`

* [web] Use semantic color names

* Migrate the downloadable pdf file list to Bootstrap 5

* Remove nested BootstrapVersionSwitcher, fix "key" prop

* Update roles to: `<li role="menuitem">` `<a role="link">`

* Update `log-entry-header-link`: variant ghost and fix colors

---------

Co-authored-by: Rebeka <o.dekany@gmail.com>
GitOrigin-RevId: 89848970ab5d8a8c135335386caf24363f69a34c
2024-10-23 08:06:32 +00:00