[PR #17525] [MERGED] Fixes: #17083 - Wrap labels in a div to reduce inadvertently clickable area to their left in forms #15115

Closed
opened 2025-12-30 00:20:05 +01:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/netbox-community/netbox/pull/17525
Author: @bctiemann
Created: 9/17/2024
Status: Merged
Merged: 9/19/2024
Merged by: @jeremystretch

Base: developHead: 17083-reduce-clickable-area-labels


📝 Commits (2)

  • 89d69f2 Wrap labels in a div to reduce inadvertently clickable area to their left in forms
  • 08a665e Set form label to be inline-block

📊 Changes

1 file changed (+5 additions, -3 deletions)

View changed files

📝 netbox/utilities/templates/form_helpers/render_field.html (+5 -3)

📄 Description

Fixes: #17083

Wraps all form labels in a <div class="col-sm-3"> which ensures ample dead clickable space to their left in forms, while remaining responsive.

Screenshot 2024-09-17 at 4 15 24 PM

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/netbox-community/netbox/pull/17525 **Author:** [@bctiemann](https://github.com/bctiemann) **Created:** 9/17/2024 **Status:** ✅ Merged **Merged:** 9/19/2024 **Merged by:** [@jeremystretch](https://github.com/jeremystretch) **Base:** `develop` ← **Head:** `17083-reduce-clickable-area-labels` --- ### 📝 Commits (2) - [`89d69f2`](https://github.com/netbox-community/netbox/commit/89d69f2b9cf765922fd3ffc1c2cc7df95eeedc3c) Wrap labels in a div to reduce inadvertently clickable area to their left in forms - [`08a665e`](https://github.com/netbox-community/netbox/commit/08a665e77ffe4f87f0209109e0042a1f411cebe8) Set form label to be inline-block ### 📊 Changes **1 file changed** (+5 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `netbox/utilities/templates/form_helpers/render_field.html` (+5 -3) </details> ### 📄 Description ### Fixes: #17083 Wraps all form labels in a `<div class="col-sm-3">` which ensures ample dead clickable space to their left in forms, while remaining responsive. <img width="726" alt="Screenshot 2024-09-17 at 4 15 24 PM" src="https://github.com/user-attachments/assets/9e47c3d8-367f-4e90-9b01-583ed7853b6c"> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2025-12-30 00:20:05 +01:00
adam closed this issue 2025-12-30 00:20:05 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#15115