Page Comparison

Excerpt

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

The text area of the whole system (when disabled)

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

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.

Applies to inputs of the whole system (when disabled)

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

Applies to links that have previously been clicked.

.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**Applies to items on the top navigation bar or items on the top right drop-down menu

.pi-style_page-top-nav .pi-style_nav-menu a:hover**NEED DESCRIPTION**

Applies to items on the top navigation bar or items on the top right drop-down menu when hovered over with the mouse

.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 menuApplies to panels in the dashboard such as the chart information screen and the user detail form.

.pi-style__panel > .panel-heading

** NEED DESCRIPTION **

Applies to the header of a panel.

.pi-style__panel > .panel-footer

** NEED DESCRIPTION **

Applies to the footer of a panel.

.pi-style__drawer

The category panel.

And the category objects panel

.pi-style_drawer .category-object-area-inputs**NEED DESCRIPTION**

The text colour on the container (excluding buttons) that holds category objects on the dashboard screen.

Image Added

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

Applies to the container (including buttons) that holds category objects on a dashboard screen when the category objects have been set to display on the top of the page.

Image Added

.pi-style_category-objects-top-panel .category-object-area-inputs**NEED DESCRIPTION**

Applies to the text colour of the container (excluding buttons) that holds category objects on a dashboard screen when the category objects have been set to display on the top of the page.

Image Added

.pi-style_category-objects-top-panel a**NEED DESCRIPTION**

The buttons or links that are displayed inside the category objects panel when it’s displayed at the top of the page.

Image Added

.pi-style_category-objects-top-panel a:hover**NEED DESCRIPTION**

The buttons or links that are displayed inside the category objects panel when it’s displayed at the top of the page when hovered over with the mouse.