Commit graph

91 commits

Author SHA1 Message Date
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
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
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
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
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
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
M Fahru
ca6b5ae4ca Merge pull request #21214 from overleaf/mf-new-gallery-search-result-pagination
[web] Fix pagination in gallery search result

GitOrigin-RevId: 2c34afd7bff2f2a47cc585e68433ac3fa4f16589
2024-10-22 08:07:53 +00:00
M Fahru
0811e46b6c Merge pull request #21067 from overleaf/mf-new-gallery-search-result
[web] Implement new gallery search result

GitOrigin-RevId: afc33a07b5ea533b681acf18bd31112a2f48866a
2024-10-22 08:07:42 +00:00
Jessica Lawshe
c37e6a17fb Merge pull request #21215 from overleaf/jel-redesign-black-links
[web] Consolidate black link CSS on pages using new design

GitOrigin-RevId: cdeccee0586efbf67e656828ed597e4441242edd
2024-10-22 08:07:34 +00:00
ilkin-overleaf
8bc374c916 Merge pull request #21115 from overleaf/ii-bs5-review-panel
[web] BS5 review panel new

GitOrigin-RevId: c65d17d0053858bd74984ba746a620b89d900606
2024-10-21 08:04:37 +00:00
Tim Down
f84b205b4b Merge pull request #21203 from overleaf/td-bs5-nav-overflow
[BS5] Prevent nav items shrinking and therefore wrapping when space is limited

GitOrigin-RevId: ac071863532a779fd99760638bf904ffce4a21fe
2024-10-21 08:04:29 +00:00
Jessica Lawshe
4f9a056bea Merge pull request #21146 from overleaf/jel-begin-card
[web] Spacing adjustments around "\begin {now}" card on gallery and blog

GitOrigin-RevId: 822a91bb156222b61cbf671d78522fc942d4e5b4
2024-10-18 08:05:17 +00:00
M Fahru
317aedd929 Merge pull request #21082 from overleaf/mf-blog-new-image-rounded
[web] Add border-radius to every image inside .blog-content (blog post page) and `.blog-content-preview` (blog list page)

GitOrigin-RevId: 6f805513504b1e4468862018e6f62070a8adcfe0
2024-10-17 08:07:20 +00:00
M Fahru
f1859afc4b Merge pull request #21081 from overleaf/mf-blog-read-more-spacing-top
[web] Update spacing between blog preview and "read more" link in blog list page

GitOrigin-RevId: ee9184017f0862fac849d9ca2c4f6bcabdad5bff
2024-10-17 08:07:16 +00:00
M Fahru
be43bd2d20 Merge pull request #21019 from overleaf/mf-new-gallery-search-style
[web] Implement the new gallery search form style

GitOrigin-RevId: e9986344ac554a45c20e61454f2e20997a8e741a
2024-10-17 08:07:07 +00:00
Tim Down
4138f9707a Merge pull request #20860 from overleaf/td-bs5-history-versions-list
Migrate history versions list to Bootstrap 5

GitOrigin-RevId: 4e006ad353cb11eadaefb2df41d2b8591003c664
2024-10-14 11:11:01 +00:00
Davinder Singh
ba0de4f1e9 Gallery redesign - Top pick cards section on tagged page redesign (#20924)
Top pick card design on tagged gallery page

GitOrigin-RevId: fcc3633c8a99961ce97639c50b89b4221e40089e
2024-10-14 11:10:04 +00:00
Rebeka Dekany
5b6bbcb73c Merge pull request #21008 from overleaf/rd-editor-errors
[web] Migrate notifications and error boundaries on the editor page

GitOrigin-RevId: c195ecf0dd9e38ec8326c823174e559e1f192ce1
2024-10-14 11:09:36 +00:00
Rebeka Dekany
f8efc3e2ae Merge pull request #20740 from overleaf/rd-ide-offcanvas
[web] Implement the editor's left menu in Offcanvas

GitOrigin-RevId: 999e995d664b1dc958f56643f05e95b8aa2d6290
2024-10-14 11:09:31 +00:00
M Fahru
86215df923 Merge pull request #20944 from overleaf/jel-blog-spacing
[web] Update blog vertical spacings to match Figma

GitOrigin-RevId: ef3ad8ba3228134343fcf58ae0ce1b91d6d94860
2024-10-14 11:09:17 +00:00
ilkin-overleaf
4f838ccacf Merge pull request #20824 from overleaf/ii-bs5-share-modal
[web] BS5 share modal

GitOrigin-RevId: 40a33e06eab720b568d31aefa021682535b6934e
2024-10-14 11:07:31 +00:00
ilkin-overleaf
92eade7502 Merge pull request #20708 from overleaf/ii-bs5-pdf-toolbar
[web] BS5 pdf toolbar

GitOrigin-RevId: a04091c9e936e52f47c3977b3149ffe613d43bb9
2024-10-14 11:06:17 +00:00
M Fahru
209a3670ce Merge pull request #20827 from overleaf/mf-bs5-previous-page-link-hover
[web] Add hover effect to `.previous-page-link` class

GitOrigin-RevId: ccba4cb22274695a2a3b63abcf86d7bc0c6dec61
2024-10-14 11:04:18 +00:00
M Fahru
2a99415c69 Merge pull request #20829 from overleaf/mf-blog-list-title-link-size
[web] Reduce blog title link size on bootstrap 5 blog list page

GitOrigin-RevId: cd22fef67488c5b8d291c358e812e0d94cb303ef
2024-10-14 11:04:13 +00:00
M Fahru
5d2eac5694 Merge pull request #20851 from overleaf/mf-bs5-pagination
[web] Bootstrap 5 pagination

GitOrigin-RevId: b3709a3f016423e7df12d6dfdf2cb4e47efbffe2
2024-10-14 11:04:09 +00:00
Davinder Singh
f2c167a026 CMS BS5 migration - Adding the left spacing to the labels next to checkbox (#20780)
* adding left-margin for the checkbox-label

* moving the styling to appropriate file and making it more generic

GitOrigin-RevId: 66484344891c77f6d31147ef7d0e0d55987a8445
2024-10-14 11:03:50 +00:00
M Fahru
04de9f28a2 Merge pull request #20754 from overleaf/mf-bs5-blog-list-style
[web] Implement Bootstrap 5 blog list style

GitOrigin-RevId: 1a343fa844cd8b22483097a470f5108ec9bcd914
2024-10-14 11:01:46 +00:00
M Fahru
163966bbb6 Merge pull request #20722 from overleaf/mf-bs5-blog-post-style
[web] Implement boostrap-5 blog post style

GitOrigin-RevId: b9dbe4952726e4260a0fcb95c8e54d7bd2db0415
2024-10-14 11:01:42 +00:00
Jessica Lawshe
7cef8b5bdc Merge pull request #20723 from overleaf/jel-cms-lists-headers
[web] Reduce bottom margin on headers in styled lists

GitOrigin-RevId: 0cbf93d4ef4e251afe71b4b726346b4d9e382f4f
2024-10-14 10:57:48 +00:00
Jessica Lawshe
af811ec1ed Merge pull request #20612 from overleaf/as-cms-card-styles
[web] CMS - Add grey and green border cards

GitOrigin-RevId: dc421ec9032e9d695cba1af4a9536d63cb476400
2024-10-01 08:06:03 +00:00
M Fahru
5b0bf3f915 Merge pull request #20662 from overleaf/mf-fix-bs5-nav-tab-li-hover
[web] BS5 CMS - Fix tab nav hover effect (remove underline)

GitOrigin-RevId: fdcb566b63afd567c1cf0ef95e72c66491137f30
2024-10-01 08:05:54 +00:00
M Fahru
9ee6954bc1 Merge pull request #20543 from overleaf/gtm-cms-icons
[web] Implement "Element | Icon" content type in CMS

GitOrigin-RevId: 369eed94d9306ef6fe5c974bb72231c8fb0b5560
2024-10-01 08:05:46 +00:00
M Fahru
0428a017a8 Merge pull request #20512 from overleaf/mf-bs5-language-picker
[web] Fix language picker color for website redesign footer

GitOrigin-RevId: 4ba974af79de5eed0d40e3ff7da3daf616525133
2024-10-01 08:05:42 +00:00
Antoine Clausse
9997c4874f [web] Migrate /user/subscription to BS5 (#20513)
* [web] Initialize BS5 in subscription page

* [web] Update subscription-dashboard.tsx for BS5

* [web] Update row-link.tsx for BS5

* [web] Update modals

* [web] Add `btn` to `btn-inline-link` classes

* [web] Update circle change-to-group circle price element

* [web] Replace `list-item-with-margin-bottom` with `mb-3`

* [web] Update form elements to BS5

* [web] Use `useContactUsModal`

* [web] Adjust tables margin/padding, and more

* [web] Update change-to-group-modal.tsx

* [web] Add gap to subscription buttons

* [web] Remove subscription page colspan for md and above

* [web] Use Notification component

* [web] Update "leave group" buttons

* [web] Fix tests: add `ol-user` meta tag

* [web] Nest .hover-highlight in #subscription-dashboard-root

* [web] Update to OLRow/OLCol

* [web] Update to OLButtons

* [web] Update to OLFormGroup

* [web] Naming: use BSversion prefix

* [web] Set CancelSubscriptionButton as ghost directly in component

* [web] Set "Plan" font size

* [web] Simplify cancel-subscription buttons

* [web] Remove `--neutral-10` ModalFooter background

* [web] Simplify circle styles

* [web] Center discount badge

* [web] Update fieldset label

* [web] Add `<ul>` around RowLink

* [web] Define SCSS for row-link component

* [web] Remove some use of utility classes

* [web] Revert and update `fieldset` changes (fixes tests)

* [web] Fixup some more OLButtons

* [web] Fixup use of OLRow/OLCol

* [web] Reduce spacing below "legend-as-label"

* [web] Use h5 instead of small in OLModalTitle

* [web] Revert OLCol removal on lg screens

I had removed them by mistake because I wasn't using the proper breakpoints

* [web] Add backdrop to nested modal ContactUsModal

* [web] Don't prefill project URL in ContactUsModal

* [web] Fix lint

* [web] Share `className` prop in BS5 and BS3 modals

* [web] Set sub-title font sans serif (BS3)

* [web] Update remaining Alerts to OLNotification

GitOrigin-RevId: 7fd975ae3e992cebfaf71d4e182f8e13ec886d09
2024-10-01 08:05:14 +00:00
ilkin-overleaf
35728d7681 Merge pull request #20436 from overleaf/ii-bs5-editor-toolbar
[web] BS5 editor toolbar

GitOrigin-RevId: a517fd52d648d165e89231d6f5551c026a951c43
2024-10-01 08:04:42 +00:00
Davinder Singh
ecbafcfbe8 BS5 CMS migration - Add border radius on images option to CMS (#20659)
* introducing new classes for border radius

* adding if else for conditionals

GitOrigin-RevId: dae2a11e3ba98801d9559127f93af2dbe06a1d89
2024-09-30 08:05:08 +00:00
Davinder Singh
610e3839ae BS5 Migration to CMS - Adding the new styling for form labels (#20582)
* adding styling for form label under bs5 styling

* moving label color to website-redesign

* adding spacing-02

* fixing a linting error

* adding label styling within website-redesign

GitOrigin-RevId: bc99c13e5d60dc68c3557db752292faf5eb5a34e
2024-09-30 08:05:00 +00:00
Jessica Lawshe
771397beac Merge pull request #20594 from overleaf/jel-premium-card-p
[web] Do not change `p` color in premium cards

GitOrigin-RevId: 4115416459b75db31b30cf31787cf027c1179e41
2024-09-26 08:05:55 +00:00
Rebeka Dekany
abb59e4603 Merge pull request #20298 from overleaf/rd-ide-filetree
[web] Migrate the file tree on the editor page to Bootstrap 5

GitOrigin-RevId: e2efec26242c8cdab37a54bc182b83bfb0f1eb3c
2024-09-26 08:05:43 +00:00
Jessica Lawshe
ecb0655241 Merge pull request #20572 from overleaf/jel-cms-styled-list
[web] Render styled lists on `Element | Content`

GitOrigin-RevId: 9d951e2339a85cc89b14991bbde2bc4d4316852a
2024-09-25 08:06:06 +00:00
Davinder Singh
ba0f95aaf0 BS5 Migration - Blog post cards migration to BS5 (#20539)
* copying blog-posts.less into blog-posts.scss, will not compile yet

* making variable changes in the file

* adding card-body under blog-post

* adding spacing-09 to the list

* format:fix

* rendering bs5 for blog/blog_post

* adding card-body for blog post page card

* fixing some linting errors

* adding neutral-40 as a replacement of ol-blue-gray-2

* selecting the closest spacing

* removing margin

GitOrigin-RevId: e0cad15cec2adccb41d773e38feb99d9fd9f5e07
2024-09-25 08:05:38 +00:00
Davinder Singh
4c2425fe25 Premium Badge - BS5 migration (#20496)
* migrating premium badge to BS5 and changing the unit test

* fixing unit test

* using badge badge-prepend classes for the premium badge

* fixing unit test

* adding font-weight variable

* removing unused CSS

* adding aria-hidden

GitOrigin-RevId: a1ab2eeedd95ee500c21607abd09a0a8a07289f0
2024-09-25 08:05:33 +00:00
Davinder Singh
248fc3699a CMS Bootstrap 5 migration - Tabs using bootstrap 5 classes (#20478)
* adding classes according to bootstrap 5 tabs

* adding JS for tabs handeling in BS5

* adding styling for tabs to match the redesign styling

* making sure tabs are being highlighted when active

* adding a scroll-margin-top to have some extra space

* removing extra import, it is not needed here because we already import it in bootstrap-x.js files

* using the media-breakpoint-down for a media query styling

* introducing .nav-tabs-container to make the tab triggers horizontally scrollable

* creating a mixin box-shadow-button-input under scss for bootstrap-5

* moving border-width-base to tabs.scss

* aligning tabs to the left under screen size of 768px

* removing focus-style mixin from scss files becuase it was a duplicate

GitOrigin-RevId: 45780c62681fc9b61961f5436d2d55de66a976b6
2024-09-25 08:05:21 +00:00
MoxAmber
2c53687ea1 Merge pull request #20477 from overleaf/as-jel-cms-bs5-quotes
[web] Use Bootstrap 5 for CMS Quotes

GitOrigin-RevId: 9f3699cd4588412176466ebfea1ddfa160da1535
2024-09-20 08:05:55 +00:00
Jessica Lawshe
f2d986feb8 Merge pull request #20431 from overleaf/jel-cms-bs5-card
[web] Update cards for CMS BS5 pages

GitOrigin-RevId: d398f534993c187c2010a69d8ae0e5a067ab2a40
2024-09-19 08:05:04 +00:00
Jessica Lawshe
a066e96b92 Merge pull request #20428 from overleaf/jel-cms-bootstrap5
[web] Updates for CMS pages using BS5 and new site design

GitOrigin-RevId: 08b66d1bfb3062a229f16a44efe70527f6fa67a7
2024-09-19 08:04:51 +00:00
Jessica Lawshe
3b839dc885 Merge pull request #20382 from overleaf/jel-bs5-website-redesign
[web] Begin to migrate `website-redesign.less` to BS5

GitOrigin-RevId: e3cf2162e819f7c137bbc2715dcd9a9fe6d72f3f
2024-09-17 08:06:21 +00:00