Page Comparison

Config Screens

.pi-style__config-panel

** NEED DESCRIPTION **

 Applies to the styling of the config screen.

Image Added

.pi-style__config-panel__empty-space

The empty space that is displayed in the admin sections of the dashboard (categories, user access, themes, etc.) 

Image Added

.pi-style__config-panel__empty-space .config-panel__empty-panel-instructions

The instructions that are displayed on the empty space on certain config screens (like how to setup pi_styles, etc.) 

Image Added

.pi-style__config-panel__front-panel

The background of all the config area. 

Image Added

.pi-style__config-panel__read-only-panel

The read only panel in the User Access area 

Image Added

.pi-style__config-panel__disabled-panel

** NEED DESCRIPTION **

 The transparent area at the front of the configuration screens to disable editable elements (e.g. used on the User Editor when permissions are disabled).

Image Added

.pi-style__config-panel__tabs

The panel across the top in the config screen. 

Image Added

.pi-style__config-panel__tabs__tab

Each tab displayed inside the config screen. 

Image Added

.pi-style__config-panel__tabs__tab:hover

The hover over effect on the tab in the config area. 

.pi-style__config-panel__tabs__tab.is-active

The active tab in the config area

Image Added