Page Comparison

.pi-style__body

This tag relates to the background of the entire dashboard. The Edit Chart screen and the Dashboard Configuration screens will however remain unchanged.

.pi-style__body textarea, .pi-style__body textarea.pi-input.with-bg

Text input areas on the themes screen.

Image Removed

Image Added

.pi-style__body textarea[disabled], t.pi-style__body textarea.pi-input.with-bg[disabled]

** NEED DESCRIPTION **

.pi-style__body input, .pi-style__body .pi-input, .pi-style__body inline-placeholder-input, .pi-style__body .filter-input__container

Character input fields in the dashboard for example search boxes. Dropdown lists and multi picker lists are not affected by this change.

Image Removed

Image Added

.pi-style__body .pi-input-label

Date input fields for example. the label for the From & To sections.

Image Removed

Image Added

.pi-style__body input[disabled], .pi-style__body .pi-input[disabled], .pi-style__body inline-placeholder-input[disabled], .pi-style__body .filter-input__container[disabled]

Not sure what this bit does.

a

All buttons and links in the dashboard

Image Removed

Image Added

a:hover

The hover over effect of a button / link / category name when you hover over it with your mouse.

a:visited

** Need description **

.pi-style__page-top-nav

The top banner across the whole dashboard

.pi-style__page-top-nav a

The Category list button bit and other tool buttons across the top of the dashboard.

.pi-style__page-top-nav a:hover

When you hover one of the buttons at the top of the dashboard.

.pi-style__page-top-nav__logo

The logo that appears at the top left-hand side of the dashboard screen.

.pi-style__page-content

The background of the chart / table section of the dashboard.

.pi-style__panel

The panel that is displayed when you press the information button in the Chart Tools menu.

.pi-style__panel > .panel-heading

** NEED DESCRIPTION **

.pi-style__panel > .panel-footer

** NEED DESCRIPTION **

.pi-style__drawer

The category panel.

And the category objects panel

.pi-style__drawer a

The background colour of the category label

and category object labels

.pi-style__drawer a:hover

The hover over effect on category list

.pi-style__drawer .pi-input

The input/search box on the category list

.pi-style__drawer .pi-input[disabled]

When an input area is disabled (e.g. when a category filter selection is refreshing)

.pi-style__progress-indicator

The progress indicator when categories are loading