Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

...

  1.  CSS class has been removed

  2. .tab-navigation

...

  1.  renamed to .tabs-menu

  2. .deck-card

...

  1.  renamed to .tabs-pane

  2. .tab

...

  1.  renamed to .menu-item

  2. .current renamed to .active-tab

Please prepend the CSS selector with

...

.deck

...

 class so that your customised CSS will be applied to Composition tabs only.

e.g.:

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

...


}