diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/badge-elements.svg b/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/badge-elements.svg index b09e2ad57f..2e48c04b4a 100644 --- a/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/badge-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/badge-elements.svg @@ -1,70 +1,69 @@ - - - - - - + + + + + - - - - - - + + + + + - - - - - - - - - + + + + + + + - - - - + + + - - - + + + - - - + + + + + - - - - - - - - - - - - + + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/notification-badge.png b/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/notification-badge.png deleted file mode 100644 index 074527fa33..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/components/notification-badge/img/notification-badge.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-badge/notification-badge.md b/packages/documentation-site/patternfly-docs/content/components/notification-badge/notification-badge.md index 8b1f7ce9a8..3890adcaec 100644 --- a/packages/documentation-site/patternfly-docs/content/components/notification-badge/notification-badge.md +++ b/packages/documentation-site/patternfly-docs/content/components/notification-badge/notification-badge.md @@ -20,7 +20,9 @@ import '../components.css'; 4. **Attention status (optional):** Setting the background color to red will indicate that one or more notifications are present in the drawer that require immediate attention. In the attention state the icon also changes from 'fa-bell' to 'pf-icon-attention-bell'. -5. **Count (optional):** When used, the count field will indicate the number of notifications in the notification drawer. +5. **Plain:** In the plain variant, the background is modified to be transparent. + +6. **Count (optional):** When used, the count field will indicate the number of notifications in the notification drawer. ## Usage Always use a notification badge when a notification drawer is present. Dependent on the capabilities and needs of your application, best practices for using the badge are as follows: diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Complex-Notification-Drawer.png b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Complex-Notification-Drawer.png deleted file mode 100644 index d9bdf387aa..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Complex-Notification-Drawer.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Notification-drawer-in-page.png b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Notification-drawer-in-page.png deleted file mode 100644 index 7fcbd5911a..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Notification-drawer-in-page.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Simple-Notification-Drawer.png b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Simple-Notification-Drawer.png deleted file mode 100644 index 28351b074c..0000000000 Binary files a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/Simple-Notification-Drawer.png and /dev/null differ diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-elements.svg b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-elements.svg index 1dd0357f56..54f498d116 100644 --- a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-elements.svg @@ -8,75 +8,69 @@ - - + + - + - - + + - + - - - + + + - - - - - + + + + + - + - - - - - - - - + + + + + + + + - + - - + + - - - + + + - - - - - + + + + + - + - + - - - - - - @@ -92,15 +86,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - - - + + @@ -109,10 +139,16 @@ - + - + + + + + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-placement.svg b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-placement.svg index 4117b8d2e1..2ff28718fb 100644 --- a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-placement.svg +++ b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/drawer-placement.svg @@ -1,59 +1,21 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - + + - - - + + + - + @@ -64,26 +26,63 @@ - + - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - - - + + @@ -94,5 +93,8 @@ + + + diff --git a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/grouped-drawer-elements.svg b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/grouped-drawer-elements.svg index ee9a149aa7..7ac8ed4e90 100644 --- a/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/grouped-drawer-elements.svg +++ b/packages/documentation-site/patternfly-docs/content/components/notification-drawer/img/grouped-drawer-elements.svg @@ -6,113 +6,112 @@ - + - - + + - - + + - + - - + + - - + + - + - - + + - - - + + + - + - - + + - + - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - + + + + + + + + + + + - - + + - - - + + + - - - - - + + + + + - + - + - - - - - - - + - + @@ -122,10 +121,10 @@ - + - +