fix(web): file-viewer-pdf-controls

[Harman-singh-waraich]

PR-Codex overview

This PR focuses on modifying the styling of the StyledDocViewer component in the web/src/components/FileViewer/index.tsx file, specifically adjusting the background color and adding styles for the #pdf-controls element.

Detailed summary

• Updated the StyledDocViewer styled component to set the background-color based on the theme.whiteBackground.
• Added a new style rule for #pdf-controls to set its z-index to 3.

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

Summary by CodeRabbit

• New Features
  • Enhanced PDF controls in the document viewer for improved visibility.
• Style
  • Added a new CSS rule to ensure PDF controls appear above other elements.

[coderabbitai]

Walkthrough

The pull request contains two distinct changes: an update to a Git submodule reference in the forge-std library and a minor CSS adjustment in the FileViewer component. The submodule update involves changing the commit reference, while the web component modification adds a z-index styling to PDF controls to improve their visual layering.

Changes

File	Change Summary
contracts/lib/forge-std	Submodule commit reference updated from 8f24d6b to 066ff16
web/src/components/FileViewer/index.tsx	Added CSS rule setting #pdf-controls z-index to 3

Poem

🐰 A rabbit's tale of code so neat,
Submodules shift and styles reset,
Z-index dancing, controls take flight,
With precision, pixel-perfect might!
Small changes, big developer's delight 🔧

---

📜 Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f9cb5a6 and 424c143.

📒 Files selected for processing (2)

• contracts/lib/forge-std (1 hunks)
• web/src/components/FileViewer/index.tsx (1 hunks)

✅ Files skipped from review due to trivial changes (2)

• contracts/lib/forge-std
• web/src/components/FileViewer/index.tsx

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai or @coderabbitai title anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[netlify]

✅ Deploy Preview for kleros-v2-neo ready!

Name	Link
🔨 Latest commit	424c143
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2-neo/deploys/6763be26ffb92900089d3b89
😎 Deploy Preview	https://deploy-preview-1807--kleros-v2-neo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for kleros-v2-testnet ready!

Name	Link
🔨 Latest commit	424c143
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2-testnet/deploys/6763be264be7cf00088f397c
😎 Deploy Preview	https://deploy-preview-1807--kleros-v2-testnet.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codeclimate]

Code Climate has analyzed commit 424c143 and detected 0 issues on this pull request.

View more on Code Climate.

[netlify]

✅ Deploy Preview for kleros-v2-university ready!

Name	Link
🔨 Latest commit	424c143
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2-university/deploys/6763be26f40df400089bfbd1
😎 Deploy Preview	https://deploy-preview-1807--kleros-v2-university.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[netlify]

✅ Deploy Preview for kleros-v2-testnet-devtools ready!

Name	Link
🔨 Latest commit	424c143
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2-testnet-devtools/deploys/6763be261af9d30008309177
😎 Deploy Preview	https://deploy-preview-1807--kleros-v2-testnet-devtools.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alcercu]

lgtm