Dashboard

.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.

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

** NEED DESCRIPTION **

.pi-style__body input, .pi-style__body .pi-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.

.pi-style__body .pi-input-label

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

.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

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.pi-style_nav-menu a

**NEED DESCRIPTION**

.pi-style_page-top-nav .pi-style_nav-menu a:hover

**NEED DESCRIPTION**

.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 .category-object-area-inputs

**NEED DESCRIPTION**

.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_category-objects-top-panel

**NEED DESCRIPTION**

.pi-style_category-objects-top-panel .category-object-area-inputs

**NEED DESCRIPTION**

.pi-style_category-objects-top-panel a

**NEED DESCRIPTION**

.pi-style_category-objects-top-panel a:hover

**NEED DESCRIPTION**

.pi-style_category-objects-top-panel .pi-input

**NEED DESCRIPTION**

.pi-style_category-objects-top-panel .pi-input[disabled]

**NEED DESCRIPTION**

.pi-style__progress-indicator

The progress indicator when categories are loading