Closed Bug 1251243 Opened 8 years ago Closed 8 years ago

Update devtools separator styling

Categories

(DevTools :: Framework, defect, P3)

defect

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1253879

People

(Reporter: ntim, Unassigned)

Details

(Whiteboard: [devtools-ux][btpp-backlog])

Attachments

(1 file)

Attached image very-ugly.png
They look really bad with the light theme enabled.

The styling is defined here: 
https://dxr.mozilla.org/mozilla-central/source/devtools/client/themes/toolbars.css#656

Suggested styling:
background-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%);
Whiteboard: [devtools-ux]
(In reply to Tim Nguyen [:ntim] from comment #0)
> Suggested styling:
> background-image: linear-gradient(transparent 15%,
> var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%,
> transparent 85%);

This is a codepen of what I currently have in my designs: http://codepen.io/helenvholmes/pen/VaZMXq?editors=1100
Priority: -- → P3
Whiteboard: [devtools-ux] → [devtools-ux][btpp-backlog]
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: