Styled and adjusted functionality of the Travel info modals

[ZaredRogers]

Description

The Travel Information modals required some styling and some added functionality to close on outside click and escape key.

Solutions

Styling

Styling changes were added to the style.css and _modals.scss files

• A radius of 6px was added to the Travel information modal
• A border of 3px was added, in the primary colour of the theme
• Padding was adjusted on the content and close button

Functionality

Functionality changes were added to custom.js file

• A click event listener was added to close when a user clicks outside the modal
• A key event listener was added to close the modal when the esc key is pressed

[github-actions]

CodeRabbit

---

Uplevel your code reviews with CodeRabbit Pro

CodeRabbit Pro

If you like this project, please support us by purchasing the Pro version. The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

[github-actions]

CodeRabbit

Commits

Files that changed from the base of the PR and between d20c491 and 400bd1e commits.

Files selected (3)

• assets/css/scss/_modals.scss (1)
• assets/css/style.css (1)
• assets/js/src/custom.js (1)

Files not summarized due to errors (3)

• assets/js/src/custom.js (diff tokens exceeds limit)
• assets/css/style.css (nothing obtained from openai)
• assets/css/scss/_modals.scss (nothing obtained from openai)

Files not reviewed due to errors (2)

• assets/css/style.css (no response)
• assets/css/scss/_modals.scss (no response)

Files skipped from review due to trivial changes (1)

• assets/js/src/custom.js (diff too large)

Review comments generated (0)

• Review: 0
• LGTM: 0

---

Tips

Chat with CodeRabbit Bot (@coderabbitai)

• Reply on review comments left by this bot to ask follow-up questions. A review comment is a comment on a diff or a file.
• Invite the bot into a review comment chain by tagging @coderabbitai in a reply.

Code suggestions

• The bot may make code suggestions, but please review them carefully before committing since the line number ranges may be misaligned.
• You can edit the comment made by the bot and manually tweak the suggestion if it is slightly off.

Pausing incremental reviews

• Add @coderabbitai: ignore anywhere in the PR description to pause further reviews from the bot.