add About page #484
add About page #484
Conversation
- Implement new `/about` route in HTTP controller - Create comprehensive About page with project overview - Add BirdNET-Go logo to assets - Include sections on BirdNET project, contributors, and version information - Update sidebar navigation to include About link - Generate dynamic licenses page in assets directory
- Update author name to include clickable GitHub profile link - Use btn-ghost and btn-sm classes for consistent styling - Improve navigation and attribution for project creator
WalkthroughThis pull request restructures the license generation process and introduces a new "About" page for the BirdNET-Go project. The license file is now generated inside an Changes
Sequence Diagram(s)sequenceDiagram
participant U as User
participant SB as Sidebar
participant SRV as Server
participant TR as Template Renderer
U->>SB: Click on "About" link
SB->>SRV: Request /about route
SRV->>TR: Render "about" template
TR-->>SRV: Return HTML content
SRV-->>U: Serve "About" page
Poem
✨ Finishing Touches
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
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)
Other keywords and placeholders
CodeRabbit Configuration File (
|
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 3
🔭 Outside diff range comments (1)
assets/tailwind.css (1)
2997-3001:⚠️ Potential issueConflicting Background Color in .!input Input
In this block for.!\!input input, the background color is first set using a fallback variable and then immediately overridden withbackground-color: transparent !important.
This creates a conflict and may be unintentional. Please clarify which background color is desired and remove the redundant declaration accordingly.
For example, if the intent is to have a transparent background, remove the first declaration:- background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
🧹 Nitpick comments (10)
.github/workflows/update-licenses.yml (1)
31-42: Ensure reliable asset directory creation and header formatting.
This block correctly creates theassetsdirectory and initializes theassets/LICENSES.mdfile with a header for both the project and its dependencies. Please remove any trailing whitespace (notably on line 33 as flagged by YAMLlint) to keep the file clean.🧰 Tools
🪛 YAMLlint (1.35.1)
[error] 33-33: trailing spaces
(trailing-spaces)
assets/LICENSES.md (1)
10-389: Consider markdown style improvements for URLs.
The dependency entries list license details with several bare URLs (e.g., lines 12, 17, 22, etc.). Markdown linters flag these (MD034) as a style issue. Wrapping URLs in angle brackets (e.g.,<https://example.com>) or using reference-style links may improve readability and compliance with markdown best practices.🧰 Tools
🪛 markdownlint-cli2 (0.17.2)
12-12: Bare URL used
null(MD034, no-bare-urls)
17-17: Bare URL used
null(MD034, no-bare-urls)
22-22: Bare URL used
null(MD034, no-bare-urls)
27-27: Bare URL used
null(MD034, no-bare-urls)
32-32: Bare URL used
null(MD034, no-bare-urls)
37-37: Bare URL used
null(MD034, no-bare-urls)
42-42: Bare URL used
null(MD034, no-bare-urls)
47-47: Bare URL used
null(MD034, no-bare-urls)
52-52: Bare URL used
null(MD034, no-bare-urls)
57-57: Bare URL used
null(MD034, no-bare-urls)
62-62: Bare URL used
null(MD034, no-bare-urls)
67-67: Bare URL used
null(MD034, no-bare-urls)
72-72: Bare URL used
null(MD034, no-bare-urls)
77-77: Bare URL used
null(MD034, no-bare-urls)
82-82: Bare URL used
null(MD034, no-bare-urls)
87-87: Bare URL used
null(MD034, no-bare-urls)
92-92: Bare URL used
null(MD034, no-bare-urls)
97-97: Bare URL used
null(MD034, no-bare-urls)
102-102: Bare URL used
null(MD034, no-bare-urls)
107-107: Bare URL used
null(MD034, no-bare-urls)
112-112: Bare URL used
null(MD034, no-bare-urls)
117-117: Bare URL used
null(MD034, no-bare-urls)
122-122: Bare URL used
null(MD034, no-bare-urls)
127-127: Bare URL used
null(MD034, no-bare-urls)
132-132: Bare URL used
null(MD034, no-bare-urls)
137-137: Bare URL used
null(MD034, no-bare-urls)
142-142: Bare URL used
null(MD034, no-bare-urls)
147-147: Bare URL used
null(MD034, no-bare-urls)
152-152: Bare URL used
null(MD034, no-bare-urls)
157-157: Bare URL used
null(MD034, no-bare-urls)
162-162: Bare URL used
null(MD034, no-bare-urls)
167-167: Bare URL used
null(MD034, no-bare-urls)
172-172: Bare URL used
null(MD034, no-bare-urls)
177-177: Bare URL used
null(MD034, no-bare-urls)
182-182: Bare URL used
null(MD034, no-bare-urls)
187-187: Bare URL used
null(MD034, no-bare-urls)
192-192: Bare URL used
null(MD034, no-bare-urls)
202-202: Bare URL used
null(MD034, no-bare-urls)
207-207: Bare URL used
null(MD034, no-bare-urls)
212-212: Bare URL used
null(MD034, no-bare-urls)
217-217: Bare URL used
null(MD034, no-bare-urls)
222-222: Bare URL used
null(MD034, no-bare-urls)
227-227: Bare URL used
null(MD034, no-bare-urls)
232-232: Bare URL used
null(MD034, no-bare-urls)
237-237: Bare URL used
null(MD034, no-bare-urls)
242-242: Bare URL used
null(MD034, no-bare-urls)
247-247: Bare URL used
null(MD034, no-bare-urls)
252-252: Bare URL used
null(MD034, no-bare-urls)
257-257: Bare URL used
null(MD034, no-bare-urls)
262-262: Bare URL used
null(MD034, no-bare-urls)
267-267: Bare URL used
null(MD034, no-bare-urls)
272-272: Bare URL used
null(MD034, no-bare-urls)
277-277: Bare URL used
null(MD034, no-bare-urls)
282-282: Bare URL used
null(MD034, no-bare-urls)
287-287: Bare URL used
null(MD034, no-bare-urls)
292-292: Bare URL used
null(MD034, no-bare-urls)
302-302: Bare URL used
null(MD034, no-bare-urls)
307-307: Bare URL used
null(MD034, no-bare-urls)
312-312: Bare URL used
null(MD034, no-bare-urls)
317-317: Bare URL used
null(MD034, no-bare-urls)
322-322: Bare URL used
null(MD034, no-bare-urls)
327-327: Bare URL used
null(MD034, no-bare-urls)
332-332: Bare URL used
null(MD034, no-bare-urls)
337-337: Bare URL used
null(MD034, no-bare-urls)
342-342: Bare URL used
null(MD034, no-bare-urls)
347-347: Bare URL used
null(MD034, no-bare-urls)
352-352: Bare URL used
null(MD034, no-bare-urls)
357-357: Bare URL used
null(MD034, no-bare-urls)
362-362: Bare URL used
null(MD034, no-bare-urls)
367-367: Bare URL used
null(MD034, no-bare-urls)
372-372: Bare URL used
null(MD034, no-bare-urls)
377-377: Bare URL used
null(MD034, no-bare-urls)
382-382: Bare URL used
null(MD034, no-bare-urls)
387-387: Bare URL used
null(MD034, no-bare-urls)
views/about.html (1)
186-191: Enhance version information display.Consider adding more version-related information such as build date, commit hash, etc., to help with debugging and support.
Example enhancement:
- Current Version: <span class="font-mono">{{if .Settings.Version}}{{.Settings.Version}}{{else}}Development Build{{end}}</span> + Current Version: <span class="font-mono">{{if .Settings.Version}}{{.Settings.Version}}{{else}}Development Build{{end}}</span> + {{if .Settings.BuildDate}} + <br> + Build Date: <span class="font-mono">{{.Settings.BuildDate}}</span> + {{end}} + {{if .Settings.CommitHash}} + <br> + Commit: <span class="font-mono">{{.Settings.CommitHash}}</span> + {{end}}assets/tailwind.css (7)
989-996: Duplicate Active State Styling in .!menu (First Instance)
This block sets the active state (via both the:activepseudo‐class and the.activeclass) for menu items inside.!\!menuusing strong overrides (!important).
Consider reviewing whether you need this set here or if it can be combined with similar rules elsewhere to reduce duplication and ease future maintenance.
1611-1616: Enhanced Hover Interaction Rules for .!menu
The added hover rules (usingcursor,outline, and!important) improve interactivity on menu items.
Before finalizing, please verify that these high‐specificity declarations do not unintentionally override other focus or hover styles elsewhere in the codebase.
1847-1854: Introduction of the .!menu Class
A new class.!\!menuis introduced with layout, font, line-height, and padding settings—all marked with!important.
Be cautious with widespread use of!importantbecause it can hamper future style overrides. If possible, consider using more specific selectors or reviewing if every property truly requires the override.
1865-1870: Submenu Styling inside .!menu
This block applies rules (position, white-space, margin, and padding with!important) for any nestedulelements within menu items in.!\!menu.
Double-check that these overrides are necessary for the intended design and that they do not conflict with the standard submenu behavior defined for.menuin parallel rules.
1931-1933: Hiding Inactive Dropdowns in .!menu
This rule hides any dropdown elements within.!\!menuthat do not have the “show” class.
Please verify that this does not create accessibility issues (for instance, if screen readers need to access these elements) and that it integrates smoothly with your dropdown toggle logic.
1940-1947: Flexible Layout for List Items in .!menu
This block makes each list item in.!\!menua flex container with a column layout and forces them to stretch.
While this may be the intended behavior, the extensive use of!importantmight limit later modifications—please consider if a lower specificity solution might suffice.
3242-3257: Styling for .!menu Items: Borders, Padding, and Transitions
This block applies detailed styling (border-radius, padding, text alignment, and transition properties) to items within.!\!menuusing!important.
Before finalizing, please consider whether every property in this block needs the override flag. Consolidating these definitions and documenting their purpose may improve long-term maintainability.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (6)
.github/workflows/update-licenses.yml(2 hunks)assets/LICENSES.md(1 hunks)assets/tailwind.css(49 hunks)internal/httpcontroller/routes.go(1 hunks)views/about.html(1 hunks)views/elements/sidebar.html(1 hunks)
🧰 Additional context used
🪛 YAMLlint (1.35.1)
.github/workflows/update-licenses.yml
[error] 33-33: trailing spaces
(trailing-spaces)
🪛 Biome (1.9.4)
assets/tailwind.css
[error] 6121-6121: Unknown property is not allowed.
See CSS Specifications and browser specific properties for more details.
To resolve this issue, replace the unknown property with a valid CSS property.
(lint/correctness/noUnknownProperty)
🪛 markdownlint-cli2 (0.17.2)
assets/LICENSES.md
6-6: Bare URL used
null
(MD034, no-bare-urls)
12-12: Bare URL used
null
(MD034, no-bare-urls)
17-17: Bare URL used
null
(MD034, no-bare-urls)
22-22: Bare URL used
null
(MD034, no-bare-urls)
27-27: Bare URL used
null
(MD034, no-bare-urls)
32-32: Bare URL used
null
(MD034, no-bare-urls)
37-37: Bare URL used
null
(MD034, no-bare-urls)
42-42: Bare URL used
null
(MD034, no-bare-urls)
47-47: Bare URL used
null
(MD034, no-bare-urls)
52-52: Bare URL used
null
(MD034, no-bare-urls)
57-57: Bare URL used
null
(MD034, no-bare-urls)
62-62: Bare URL used
null
(MD034, no-bare-urls)
67-67: Bare URL used
null
(MD034, no-bare-urls)
72-72: Bare URL used
null
(MD034, no-bare-urls)
77-77: Bare URL used
null
(MD034, no-bare-urls)
82-82: Bare URL used
null
(MD034, no-bare-urls)
87-87: Bare URL used
null
(MD034, no-bare-urls)
92-92: Bare URL used
null
(MD034, no-bare-urls)
97-97: Bare URL used
null
(MD034, no-bare-urls)
102-102: Bare URL used
null
(MD034, no-bare-urls)
107-107: Bare URL used
null
(MD034, no-bare-urls)
112-112: Bare URL used
null
(MD034, no-bare-urls)
117-117: Bare URL used
null
(MD034, no-bare-urls)
122-122: Bare URL used
null
(MD034, no-bare-urls)
127-127: Bare URL used
null
(MD034, no-bare-urls)
132-132: Bare URL used
null
(MD034, no-bare-urls)
137-137: Bare URL used
null
(MD034, no-bare-urls)
142-142: Bare URL used
null
(MD034, no-bare-urls)
147-147: Bare URL used
null
(MD034, no-bare-urls)
152-152: Bare URL used
null
(MD034, no-bare-urls)
157-157: Bare URL used
null
(MD034, no-bare-urls)
162-162: Bare URL used
null
(MD034, no-bare-urls)
167-167: Bare URL used
null
(MD034, no-bare-urls)
172-172: Bare URL used
null
(MD034, no-bare-urls)
177-177: Bare URL used
null
(MD034, no-bare-urls)
182-182: Bare URL used
null
(MD034, no-bare-urls)
187-187: Bare URL used
null
(MD034, no-bare-urls)
192-192: Bare URL used
null
(MD034, no-bare-urls)
202-202: Bare URL used
null
(MD034, no-bare-urls)
207-207: Bare URL used
null
(MD034, no-bare-urls)
212-212: Bare URL used
null
(MD034, no-bare-urls)
217-217: Bare URL used
null
(MD034, no-bare-urls)
222-222: Bare URL used
null
(MD034, no-bare-urls)
227-227: Bare URL used
null
(MD034, no-bare-urls)
232-232: Bare URL used
null
(MD034, no-bare-urls)
237-237: Bare URL used
null
(MD034, no-bare-urls)
242-242: Bare URL used
null
(MD034, no-bare-urls)
247-247: Bare URL used
null
(MD034, no-bare-urls)
252-252: Bare URL used
null
(MD034, no-bare-urls)
257-257: Bare URL used
null
(MD034, no-bare-urls)
262-262: Bare URL used
null
(MD034, no-bare-urls)
267-267: Bare URL used
null
(MD034, no-bare-urls)
272-272: Bare URL used
null
(MD034, no-bare-urls)
277-277: Bare URL used
null
(MD034, no-bare-urls)
282-282: Bare URL used
null
(MD034, no-bare-urls)
287-287: Bare URL used
null
(MD034, no-bare-urls)
292-292: Bare URL used
null
(MD034, no-bare-urls)
302-302: Bare URL used
null
(MD034, no-bare-urls)
307-307: Bare URL used
null
(MD034, no-bare-urls)
312-312: Bare URL used
null
(MD034, no-bare-urls)
317-317: Bare URL used
null
(MD034, no-bare-urls)
322-322: Bare URL used
null
(MD034, no-bare-urls)
327-327: Bare URL used
null
(MD034, no-bare-urls)
332-332: Bare URL used
null
(MD034, no-bare-urls)
337-337: Bare URL used
null
(MD034, no-bare-urls)
342-342: Bare URL used
null
(MD034, no-bare-urls)
347-347: Bare URL used
null
(MD034, no-bare-urls)
352-352: Bare URL used
null
(MD034, no-bare-urls)
357-357: Bare URL used
null
(MD034, no-bare-urls)
362-362: Bare URL used
null
(MD034, no-bare-urls)
367-367: Bare URL used
null
(MD034, no-bare-urls)
372-372: Bare URL used
null
(MD034, no-bare-urls)
377-377: Bare URL used
null
(MD034, no-bare-urls)
382-382: Bare URL used
null
(MD034, no-bare-urls)
387-387: Bare URL used
null
(MD034, no-bare-urls)
⏰ Context from checks skipped due to timeout of 90000ms (1)
- GitHub Check: Analyze (go)
🔇 Additional comments (21)
.github/workflows/update-licenses.yml (2)
56-60: Append dependency license details correctly.
The commands appending each dependency's license information toassets/LICENSES.mdare clear and correctly structured. Ensure that package names and license text do not include unexpected whitespace that might affect formatting.
63-64: Symbolic link creation for root accessibility.
The commandln -sf assets/LICENSES.md LICENSES.mdproperly creates a symbolic link in the root directory, ensuring that the license file remains easily accessible. This approach maintains backward compatibility.assets/LICENSES.md (1)
1-7: Clear and structured header information.
The header in the newLICENSES.mdfile is well-organized, clearly separating the "BirdNET-Go" section from the rest. The project license and its source are accurately presented.🧰 Tools
🪛 markdownlint-cli2 (0.17.2)
6-6: Bare URL used
null(MD034, no-bare-urls)
internal/httpcontroller/routes.go (1)
69-69: LGTM!The route is correctly configured with matching path and template name, and appropriately set as a public route.
views/elements/sidebar.html (1)
45-52: LGTM!The sidebar item is well-implemented with:
- Consistent styling and structure
- Proper ARIA attributes for accessibility
- Appropriate icon choice
- Correct active state management
views/about.html (1)
1-202: LGTM! Well-structured and comprehensive About page.The template is well-organized with:
- Clear sections for different types of information
- Proper use of semantic HTML
- Consistent styling
- Good accessibility attributes
assets/tailwind.css (15)
1007-1014: Redundant Active State Block for .!menu (Second Instance)
This block repeats virtually the same active state styling as lines 989–996.
If the duplicate is intentional (for example, to ensure rule precedence across different browsers or contexts), please document the reason. Otherwise, consider merging these definitions into a single rule.
1641-1645: Conditional Hover Background using @supports
This block—wrapped in an@supports (color: oklch(0% 0 0))query—applies a fallback background color on hover.
Ensure that in browsers not supporting the oklch color function the visual feedback remains acceptable.
1838-1845: Consistent Mask Styling
The new.maskclass is defined with both vendor-prefixed and standard properties for mask size, repeat, and position.
This looks correct; just ensure it fits within your project’s overall prefixing strategy.
1891-1901: Grid Layout for Menu Items in .!menu
These rules enforce a grid layout (with non-selectable text) for items in.!\!menu.
Please confirm that the enforced grid behavior works for all intended menu contents (especially dynamic content) and that it does not cause layout issues on different devices.
1903-1913: Duplicate Grid Layout for .!menu Items
This block repeats the grid layout properties defined in the previous block (lines 1891–1901) using!importantagain.
Consider consolidating these to avoid redundancy unless there is a specific reason for redefining the same rules twice.
1915-1921: Disabled State Styling for .!menu List Items
The styling for disabled menu items (e.g. setting the cursor to not-allowed and lowering text opacity) is appropriately marked with!important.
Verify that this aligns with the look-and-feel and accessibility requirements for disabled states across your application.
1957-1960: Badge Alignment within .!menu
Badges inside menu list items are aligned to the end withjustify-self: end !important.
This is a common pattern; just ensure consistency with similar badge alignment rules used throughout your application.
3120-3123: Duplicate Placeholder Styling for Disabled .!input
The styling for the Mozilla placeholder (::-moz-placeholder) in disabled.!\!inputelements is repeated with!important.
Consider consolidating these duplicate rules into one to reduce stylesheet bloat and simplify maintenance.
3140-3142: Ensuring Date-and-Time Input Text Alignment
This rule for.!\!input::-webkit-date-and-time-valueenforces an inherited text alignment with!important.
This is appropriate for consistency; please just verify that this works as expected across target browsers.
3276-3291: Duplicate Item Styling for .!menu (Repeated Border/Padding Rules)
This block is nearly identical to the one at lines 3242–3257.
If the duplication is required (for instance, to target different contexts), please add a clarifying comment; otherwise, merge the duplicate rules into a single definition.
3293-3300: Focus State Styling for .!menu Items
The rules defined here adjust the cursor, background color, text opacity, and outline for focused menu items in the.!\!menucontext using!important.
Please verify that these focus styles are sufficient for accessibility and do not conflict with other interactive feedback across your application.
3311-3318: Redundant Focus Styling for .!menu Items (Duplicate)
This block appears to duplicate the focus style defined in the previous block (lines 3293–3300).
It is advisable to combine these if there is no distinct reason for the repetition.
3320-3327: Repeated Active State Styles for .!menu (Multiple Duplicates)
This block further repeats the active state styling already defined in earlier blocks (lines 989–996, 1007–1014).
Please consolidate these definitions to simplify the CSS and minimize maintenance complexity.
3338-3345: Excessive Duplication of Active Styles in .!menu
Yet another block of active styling appears here that is identical to previous active state rules.
Reducing these duplicates will not only decrease file size but also help avoid potential inconsistencies when updates are made.
3406-3410: Indicator Transformation for Open Dropdowns in .!menu
This block rotates the pseudo-elements for open dropdowns to indicate their state.
The usage of!importanthere is acceptable provided that it reliably overrides conflicting styles. Verify with user testing that the visual indicator is clear.
| <a href="https://github.com/kahst/BirdNET-Analyzer" | ||
| class="btn btn-primary btn-outline gap-2" | ||
| target="_blank" | ||
| rel="noopener noreferrer"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"> | ||
| <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/> | ||
| </svg> | ||
| Visit BirdNET-Analyzer Project | ||
| </a> |
There was a problem hiding this comment.
🛠️ Refactor suggestion
Enhance security for external links.
The GitHub links should include additional security attributes to protect against potential security vulnerabilities.
Apply this diff to enhance link security:
- target="_blank"
- rel="noopener noreferrer">
+ target="_blank"
+ rel="noopener noreferrer nofollow"
+ referrerpolicy="no-referrer">Also applies to: 160-165, 171-176
| <img src="/assets/images/BirdNET-Go-logo.webp" | ||
| alt="BirdNET-Go Logo" | ||
| class="w-full h-full object-contain dark:invert rounded-full" | ||
| style="transform: scale(1);"> |
There was a problem hiding this comment.
💡 Verification agent
🧩 Analysis chain
Verify the logo image path and optimize the image loading.
The logo image path /assets/images/BirdNET-Go-logo.webp needs verification. Also, consider adding width and height attributes to prevent layout shift during image load.
🏁 Script executed:
#!/bin/bash
# Check if the logo file exists in the assets directory
fd -t f "BirdNET-Go-logo.webp" assets/images/Length of output: 80
Image file verified – update image attributes for improved layout stability
- The file
/assets/images/BirdNET-Go-logo.webpwas successfully found in the assets directory. - To mitigate layout shifts during image loading, please consider adding explicit
widthandheightattributes to the<img>tag.
For example, you might update the snippet as follows:
<img src="/assets/images/BirdNET-Go-logo.webp"
alt="BirdNET-Go Logo"
width="200" height="200"
class="w-full h-full object-contain dark:invert rounded-full"
style="transform: scale(1);">Adjust the width and height values as needed for your design.
| @@ -5671,6 +6117,10 @@ html:has(.drawer-toggle:checked) { | |||
| transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |||
| } | |||
|
|
|||
| .\[a-zA-Z\:\\-\\\.\] { | |||
| a-z-a--z: \-\.; | |||
There was a problem hiding this comment.
Unknown Property Detected
The property a-z-a--z: \-\. is not a valid CSS property (as flagged by the static analysis tool).
Please remove or replace it with a valid property. For example, if this was added accidentally, it is best to delete the line entirely.
- a-z-a--z: \-\.📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
| a-z-a--z: \-\.; |
🧰 Tools
🪛 Biome (1.9.4)
[error] 6121-6121: Unknown property is not allowed.
See CSS Specifications and browser specific properties for more details.
To resolve this issue, replace the unknown property with a valid CSS property.
(lint/correctness/noUnknownProperty)
No description provided.