denoland / denoland/website_feedback

# Enhancement Report: Missing Hover Effects on Navbar Search Input & Partner Logos

Open
#101 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
8
Forks
1
PR merge metrics
No merged PRs in 30d

Description

# Enhancement Report: Missing Hover Effects on Navbar Search Input & Partner Logos

## Issue Summary
On the Deno.com website, the navbar search input and the partner/company logos section do not show any hover effect. This breaks visual consistency with the rest of the UI, where interactive elements usually provide hover feedback.

---

## Image Where the Issue Occurs
- **Navbar → Search box**
- **Homepage → Partner Logos section** (Slack, Netlify, GitHub, Supabase, Salesforce, Tencent, etc.)

---

## Expected Behavior
- **Search input** should have a subtle hover effect, such as:
- Border color change
- Background tint
- Light shadow

- **Partner logos** should visually indicate interactivity via:
- Opacity shift
- Slight scale-up
- Color tint
- Pointer cursor

---

## Actual Behavior
- Search input has **no hover styling**.
- Partner logos appear **static even though they are clickable links**.

---

## Steps to Reproduce
1. Go to: https://deno.com
2. Hover over the **Search input** in the navbar → No hover effect.
3. Scroll down to the **Partner Logos** section.
4. Hover over any company logo → No hover effect.

---

## Environment
- **Browser:** Chrome
- **OS:** macOS
- **Resolution:** 1470×920

---

## Additional Notes
This is a small UI/UX improvement but would significantly enhance:
- Interactivity
- Consistency
- User experience
- Visual feedback

---

## Suggested Fix (Optional)

```
css
/* Navbar Search Hover */
.nav-search:hover {
background: rgba(0, 0, 0, 0.05);
border-color: #ccc;
}

/* Partner Logos Hover */
.partner-logo:hover {
opacity: 0.8;
transform: scale(1.05);
cursor: pointer;
}
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.