Striped rendering of opposing rack face varies (depends on rack height?) #3373

New Issue

adam · 2025-12-29T18:28:30+01:00

adam commented

2025-12-29 18:28:30 +01:00

Originally created by @candlerb on GitHub (Feb 21, 2020).

Originally assigned to: @jeremystretch on GitHub.

Environment

Python version: 3.5.2
NetBox version: 2.7.7

Steps to Reproduce

This is a very minor one, but I thought I would mention it anyway.

Create a rack of height 6U and one of height 47U
Add some devices on the front which are not full depth
Check the rendering of the rear side (the grey stripes)

I am checking with Chrome 80.0.3987.116 under macOS.

Expected Behavior

Visually consistent rendering

Observed Behavior

With the 6U rack, the stripes are tightly packed:

With the 47U rack, the stripes are thick:

Both racks have the same styles referenced from the rect element, and both have the same definition of element #occupied used as the fill:

<linearGradient gradientTransform="rotate(45, 0, 0)" gradientUnits="userSpaceOnUse" id="occupied" spreadMethod="repeat" x1="0" x2="0" y1="0%" y2="5%">
  <stop offset="0%" stop-color="#f7f7f7" />
  <stop offset="50%" stop-color="#f7f7f7" />
  <stop offset="50%" stop-color="#d7d7d7" />
  <stop offset="100%" stop-color="#d7d7d7" />
</linearGradient>

Originally created by @candlerb on GitHub (Feb 21, 2020). Originally assigned to: @jeremystretch on GitHub. ### Environment * Python version: 3.5.2 * NetBox version: 2.7.7 ### Steps to Reproduce This is a very minor one, but I thought I would mention it anyway. 1. Create a rack of height 6U and one of height 47U 2. Add some devices on the front which are not full depth 3. Check the rendering of the rear side (the grey stripes) I am checking with Chrome 80.0.3987.116 under macOS. ### Expected Behavior Visually consistent rendering ### Observed Behavior With the 6U rack, the stripes are tightly packed: ![image](https://user-images.githubusercontent.com/44789/75054331-c8f75200-54ca-11ea-9424-5e044eea32fd.png) With the 47U rack, the stripes are thick: ![image](https://user-images.githubusercontent.com/44789/75054395-e6c4b700-54ca-11ea-99fc-ddfb9f0d6977.png) Both racks have the same styles referenced from the rect element, and both have the same definition of element `#occupied` used as the fill: ``` <linearGradient gradientTransform="rotate(45, 0, 0)" gradientUnits="userSpaceOnUse" id="occupied" spreadMethod="repeat" x1="0" x2="0" y1="0%" y2="5%"> <stop offset="0%" stop-color="#f7f7f7" /> <stop offset="50%" stop-color="#f7f7f7" /> <stop offset="50%" stop-color="#d7d7d7" /> <stop offset="100%" stop-color="#d7d7d7" /> </linearGradient> ```

adam added the type: bug status: accepted labels 2025-12-29 18:28:30 +01:00

adam closed this issue

2025-12-29 18:28:30 +01:00

Sign in to join this conversation.

Branches Tags

main

update-changelog-comments-docs

feature-removal-issue-type

20911-dropdown

20239-plugin-menu-classes-mutable-state

21097-graphql-id-lookups

feature

fix_module_substitution

20923-dcim-templates

20044-elevation-stuck-lightmode

feature-ip-prefix-link

v4.5-beta1-release

20068-import-moduletype-attrs

20766-fix-german-translation-code-literals

20378-del-script

7604-filter-modifiers-v3

circuit-swap

12318-case-insensitive-uniqueness

20637-improve-device-q-filter

20660-script-load

19724-graphql

20614-update-ruff

14884-script

02496-max-page

19720-macaddress-interface-generic-relation

19408-circuit-terminations-export-templates

20203-openapi-check

fix-19669-api-image-download

7604-filter-modifiers

19275-fixes-interface-bulk-edit

fix-17794-get_field_value_return_list

11507-show-aggregate-and-rir-on-api

9583-add_column_specific_search_field_to_tables

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/netbox#3373