Purpose

Custom CSS Is No Longer Working After Updating Composition to version 4.0.0

Answer

We made Composition 4.0.0 adhere to Atlassian UI guidelines and therefore certain CSS styles have been deprecated or changed.

The following documents the styles that are no longer applicable:

  1. .panel CSS class has been removed

  2. .tab-navigation renamed to .tabs-menu

  3. .deck-card renamed to .tabs-pane

  4. .tab renamed to .menu-item

  5. .current renamed to .active-tab

Please prepend the CSS selector with a .deck class so that your customised CSS will be applied to Composition tabs only.

e.g.:

.deck div.deck-cards {
	background: white !important;
}