mirror of
https://github.com/zulip/zulip.git
synced 2026-07-12 21:04:41 +08:00
6dabfa02cb
This commit adds the redesigned banner component to the codebase along
with a storybook-style page in /devtools/banners to view and test the
redesigned banner component.
Any banner using the new redesigned styles, requires two classes,
- First, the base `banner` class which defines the structure and
behavior of the banner.
- Second, a modifier class like `banner-info` which defines the styles
for the particular banner type.
The navbar alert banners also have a custom class `navbar-alert-banner`
which is used to define the specific style and structure for these
banner types.
This commit also makes the `banner`, `action-button` and `icon-button`
components into handlebar templates to maintain consistency in their
usage in the codebase.
7 lines
271 B
Handlebars
7 lines
271 B
Handlebars
<button class="{{#if custom_classes}}{{custom_classes}} {{/if}}action-button action-button-{{type}}-{{intent}}" tabindex="0">
|
|
{{#if icon}}
|
|
<i class="zulip-icon zulip-icon-{{icon}}"></i>
|
|
{{/if}}
|
|
<span class="action-button-label">{{label}}</span>
|
|
</button>
|