diff --git a/build/js/AdminLTE.js b/build/js/AdminLTE.js index 934b26174..7d60a641a 100644 --- a/build/js/AdminLTE.js +++ b/build/js/AdminLTE.js @@ -4,7 +4,7 @@ import PushMenu from './PushMenu' import Treeview from './Treeview' import DirectChat from './DirectChat' import TodoList from './TodoList' -import Widget from './Widget' +import CardWidget from './CardWidget' export { ControlSidebar, @@ -13,5 +13,5 @@ export { Treeview, DirectChat, TodoList, - Widget + CardWidget } diff --git a/build/js/CardWidget.js b/build/js/CardWidget.js new file mode 100644 index 000000000..cf55e0fd6 --- /dev/null +++ b/build/js/CardWidget.js @@ -0,0 +1,249 @@ +/** + * -------------------------------------------- + * AdminLTE CardWidget.js + * License MIT + * -------------------------------------------- + */ + +const CardWidget = (($) => { + /** + * Constants + * ==================================================== + */ + + const NAME = 'CardWidget' + const DATA_KEY = 'lte.cardwidget' + const EVENT_KEY = `.${DATA_KEY}` + const JQUERY_NO_CONFLICT = $.fn[NAME] + + const Event = { + EXPANDED: `expanded${EVENT_KEY}`, + COLLAPSED: `collapsed${EVENT_KEY}`, + MAXIMIZED: `maximized${EVENT_KEY}`, + MINIMIZED: `minimized${EVENT_KEY}`, + REMOVED: `removed${EVENT_KEY}` + } + + const ClassName = { + CARD: 'card', + COLLAPSED: 'collapsed-card', + WAS_COLLAPSED: 'was-collapsed', + MAXIMIZED: 'maximized-card', + } + + const Selector = { + DATA_REMOVE: '[data-card-widget="remove"]', + DATA_COLLAPSE: '[data-card-widget="collapse"]', + DATA_MAXIMIZE: '[data-card-widget="maximize"]', + CARD: `.${ClassName.CARD}`, + CARD_HEADER: '.card-header', + CARD_BODY: '.card-body', + CARD_FOOTER: '.card-footer', + COLLAPSED: `.${ClassName.COLLAPSED}`, + } + + const Default = { + animationSpeed: 'normal', + collapseTrigger: Selector.DATA_COLLAPSE, + removeTrigger: Selector.DATA_REMOVE, + maximizeTrigger: Selector.DATA_MAXIMIZE, + collapseIcon: 'fa-minus', + expandIcon: 'fa-plus', + maximizeIcon: 'fa-expand', + minimizeIcon: 'fa-compress', + } + + class CardWidget { + constructor(element, settings) { + this._element = element + this._parent = element.parents(Selector.CARD).first() + + if (element.hasClass(ClassName.CARD)) { + this._parent = element + } + + this._settings = $.extend({}, Default, settings) + } + + collapse() { + this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`) + .slideUp(this._settings.animationSpeed, () => { + this._parent.addClass(ClassName.COLLAPSED) + }) + this._element.children(this._settings.collapseTrigger + ' .' + this._settings.collapseIcon) + .addClass(this._settings.expandIcon) + .removeClass(this._settings.collapseIcon) + + const collapsed = $.Event(Event.COLLAPSED) + + this._element.trigger(collapsed, this._parent) + } + + expand() { + this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`) + .slideDown(this._settings.animationSpeed, () => { + this._parent.removeClass(ClassName.COLLAPSED) + }) + + this._element.children(this._settings.collapseTrigger + ' .' + this._settings.expandIcon) + .addClass(this._settings.collapseIcon) + .removeClass(this._settings.expandIcon) + + const expanded = $.Event(Event.EXPANDED) + + this._element.trigger(expanded, this._parent) + } + + remove() { + this._parent.slideUp() + + const removed = $.Event(Event.REMOVED) + + this._element.trigger(removed, this._parent) + } + + toggle() { + if (this._parent.hasClass(ClassName.COLLAPSED)) { + this.expand() + return + } + + this.collapse() + } + + maximize() { + this._element.children(this._settings.maximizeTrigger + ' .' + this._settings.maximizeIcon) + .addClass(this._settings.minimizeIcon) + .removeClass(this._settings.maximizeIcon) + this._parent.css({ + 'height': this._parent.height(), + 'width': this._parent.width(), + 'transition': 'all .15s' + }).delay(150).queue(function(){ + $(this).addClass(ClassName.MAXIMIZED) + $('html').addClass(ClassName.MAXIMIZED) + if ($(this).hasClass(ClassName.COLLAPSED)) { + $(this).addClass(ClassName.WAS_COLLAPSED) + } + $(this).dequeue() + }) + + const maximized = $.Event(Event.MAXIMIZED) + + this._element.trigger(maximized, this._parent) + } + + minimize() { + this._element.children(this._settings.maximizeTrigger + ' .' + this._settings.minimizeIcon) + .addClass(this._settings.maximizeIcon) + .removeClass(this._settings.minimizeIcon) + this._parent.css('cssText', 'height:' + this._parent[0].style.height + ' !important;' + + 'width:' + this._parent[0].style.width + ' !important; transition: all .15s;' + ).delay(10).queue(function(){ + $(this).removeClass(ClassName.MAXIMIZED) + $('html').removeClass(ClassName.MAXIMIZED) + $(this).css({ + 'height': 'inherit', + 'width': 'inherit' + }) + if ($(this).hasClass(ClassName.WAS_COLLAPSED)) { + $(this).removeClass(ClassName.WAS_COLLAPSED) + } + $(this).dequeue() + }) + + const MINIMIZED = $.Event(Event.MINIMIZED) + + this._element.trigger(MINIMIZED, this._parent) + } + + toggleMaximize() { + if (this._parent.hasClass(ClassName.MAXIMIZED)) { + this.minimize() + return + } + + this.maximize() + } + + // Private + + _init(card) { + this._parent = card + + $(this).find(this._settings.collapseTrigger).click(() => { + this.toggle() + }) + + $(this).find(this._settings.maximizeTrigger).click(() => { + this.toggleMaximize() + }) + + $(this).find(this._settings.removeTrigger).click(() => { + this.remove() + }) + } + + // Static + + static _jQueryInterface(config) { + let data = $(this).data(DATA_KEY) + + if (!data) { + data = new CardWidget($(this), data) + $(this).data(DATA_KEY, typeof config === 'string' ? data: config) + } + + if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/)) { + data[config]() + } else if (typeof config === 'object') { + data._init($(this)) + } + } + } + + /** + * Data API + * ==================================================== + */ + + $(document).on('click', Selector.DATA_COLLAPSE, function (event) { + if (event) { + event.preventDefault() + } + + CardWidget._jQueryInterface.call($(this), 'toggle') + }) + + $(document).on('click', Selector.DATA_REMOVE, function (event) { + if (event) { + event.preventDefault() + } + + CardWidget._jQueryInterface.call($(this), 'remove') + }) + + $(document).on('click', Selector.DATA_MAXIMIZE, function (event) { + if (event) { + event.preventDefault() + } + + CardWidget._jQueryInterface.call($(this), 'toggleMaximize') + }) + + /** + * jQuery API + * ==================================================== + */ + + $.fn[NAME] = CardWidget._jQueryInterface + $.fn[NAME].Constructor = CardWidget + $.fn[NAME].noConflict = function () { + $.fn[NAME] = JQUERY_NO_CONFLICT + return CardWidget._jQueryInterface + } + + return CardWidget +})(jQuery) + +export default CardWidget diff --git a/build/js/Widget.js b/build/js/Widget.js deleted file mode 100644 index 261f26cf9..000000000 --- a/build/js/Widget.js +++ /dev/null @@ -1,226 +0,0 @@ -/** - * -------------------------------------------- - * AdminLTE Widget.js - * License MIT - * -------------------------------------------- - */ - -const Widget = (($) => { - /** - * Constants - * ==================================================== - */ - - const NAME = 'Widget' - const DATA_KEY = 'lte.widget' - const EVENT_KEY = `.${DATA_KEY}` - const JQUERY_NO_CONFLICT = $.fn[NAME] - - const Event = { - EXPANDED : `expanded${EVENT_KEY}`, - COLLAPSED: `collapsed${EVENT_KEY}`, - MAXIMIZED: `maximized${EVENT_KEY}`, - MINIMIZED: `minimized${EVENT_KEY}`, - REMOVED : `removed${EVENT_KEY}` - } - - const Selector = { - DATA_REMOVE : '[data-widget="remove"]', - DATA_COLLAPSE : '[data-widget="collapse"]', - DATA_MAXIMIZE : '[data-widget="maximize"]', - CARD : '.card', - CARD_HEADER : '.card-header', - CARD_BODY : '.card-body', - CARD_FOOTER : '.card-footer', - COLLAPSED : '.collapsed-card', - COLLAPSE_ICON : '.fa-minus', - EXPAND_ICON : '.fa-plus' - } - - const ClassName = { - COLLAPSED : 'collapsed-card', - WAS_COLLAPSED : 'was-collapsed', - MAXIMIZED : 'maximized-card', - COLLAPSE_ICON : 'fa-minus', - EXPAND_ICON : 'fa-plus', - MAXIMIZE_ICON : 'fa-expand', - MINIMIZE_ICON : 'fa-compress', - } - - const Default = { - animationSpeed : 'normal', - collapseTrigger: Selector.DATA_COLLAPSE, - removeTrigger : Selector.DATA_REMOVE - } - - class Widget { - constructor(element, settings) { - this._element = element - this._parent = element.parents(Selector.CARD).first() - this._settings = $.extend({}, Default, settings) - } - - collapse() { - this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`) - .slideUp(this._settings.animationSpeed, () => { - this._parent.addClass(ClassName.COLLAPSED) - }) - - this._element.children(Selector.COLLAPSE_ICON) - .addClass(ClassName.EXPAND_ICON) - .removeClass(ClassName.COLLAPSE_ICON) - - const collapsed = $.Event(Event.COLLAPSED) - - this._element.trigger(collapsed, this._parent) - } - - expand() { - this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`) - .slideDown(this._settings.animationSpeed, () => { - this._parent.removeClass(ClassName.COLLAPSED) - }) - - this._element.children(Selector.EXPAND_ICON) - .addClass(ClassName.COLLAPSE_ICON) - .removeClass(ClassName.EXPAND_ICON) - - const expanded = $.Event(Event.EXPANDED) - - this._element.trigger(expanded, this._parent) - } - - remove() { - this._parent.slideUp() - - const removed = $.Event(Event.REMOVED) - - this._element.trigger(removed, this._parent) - } - - toggle() { - if (this._parent.hasClass(ClassName.COLLAPSED)) { - this.expand() - return - } - - this.collapse() - } - - toggleMaximize() { - var button = this._element.find('i') - - if (this._parent.hasClass(ClassName.MAXIMIZED)) { - button.addClass(ClassName.MAXIMIZE_ICON).removeClass(ClassName.MINIMIZE_ICON) - this._parent.css('cssText', 'height:' + this._parent[0].style.height + ' !important;' + - 'width:' + this._parent[0].style.width + ' !important; transition: all .15s;' - ).delay(100).queue(function(){ - $(this).removeClass(ClassName.MAXIMIZED) - $('html').removeClass(ClassName.MAXIMIZED) - $(this).trigger(Event.MINIMIZED) - $(this).css({ - 'height': 'inherit', - 'width': 'inherit' - }) - if ($(this).hasClass(ClassName.WAS_COLLAPSED)) { - $(this).removeClass(ClassName.WAS_COLLAPSED) - } - $(this).dequeue() - }) - } else { - button.addClass(ClassName.MINIMIZE_ICON).removeClass(ClassName.MAXIMIZE_ICON) - this._parent.css({ - 'height': this._parent.height(), - 'width': this._parent.width(), - 'transition': 'all .15s' - }).delay(150).queue(function(){ - $(this).addClass(ClassName.MAXIMIZED) - $('html').addClass(ClassName.MAXIMIZED) - $(this).trigger(Event.MAXIMIZED) - if ($(this).hasClass(ClassName.COLLAPSED)) { - $(this).addClass(ClassName.WAS_COLLAPSED) - } - $(this).dequeue() - }) - } - } - - // Private - - _init(card) { - this._parent = card - - $(this).find(this._settings.collapseTrigger).click(() => { - this.toggle() - }) - - $(this).find(this._settings.removeTrigger).click(() => { - this.remove() - }) - } - - // Static - - static _jQueryInterface(config) { - return this.each(function () { - let data = $(this).data(DATA_KEY) - - if (!data) { - data = new Widget($(this), data) - $(this).data(DATA_KEY, typeof config === 'string' ? data : config) - } - - if (typeof config === 'string' && config.match(/collapse|expand|remove|toggle|toggleMaximize/)) { - data[config]() - } else if (typeof config === 'object') { - data._init($(this)) - } - }) - } - } - - /** - * Data API - * ==================================================== - */ - - $(document).on('click', Selector.DATA_COLLAPSE, function (event) { - if (event) { - event.preventDefault() - } - - Widget._jQueryInterface.call($(this), 'toggle') - }) - - $(document).on('click', Selector.DATA_REMOVE, function (event) { - if (event) { - event.preventDefault() - } - - Widget._jQueryInterface.call($(this), 'remove') - }) - - $(document).on('click', Selector.DATA_MAXIMIZE, function (event) { - if (event) { - event.preventDefault() - } - - Widget._jQueryInterface.call($(this), 'toggleMaximize') - }) - - /** - * jQuery API - * ==================================================== - */ - - $.fn[NAME] = Widget._jQueryInterface - $.fn[NAME].Constructor = Widget - $.fn[NAME].noConflict = function () { - $.fn[NAME] = JQUERY_NO_CONFLICT - return Widget._jQueryInterface - } - - return Widget -})(jQuery) - -export default Widget diff --git a/docs/_config.yml b/docs/_config.yml index e93d253b0..407e777bd 100755 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -62,8 +62,8 @@ navigation: url: javascript/push-menu.html - title: Treeview url: javascript/treeview.html - - title: Widget - url: javascript/widget.html + - title: Card Widget + url: javascript/card-widget.html # - title: CardRefresh # url: javascript/card-refresh.html - title: Control Sidebar diff --git a/docs/javascript/widget.md b/docs/javascript/card-widget.md similarity index 67% rename from docs/javascript/widget.md rename to docs/javascript/card-widget.md index 2a2ff4425..fef418c62 100644 --- a/docs/javascript/widget.md +++ b/docs/javascript/card-widget.md @@ -1,9 +1,9 @@ --- layout: page -title: Widget Plugin +title: Card Widget Plugin --- -The widget plugin provides the functionality for collapsing, expanding and removing a card. +The card widget plugin provides the functionality for collapsing, expanding and removing a card. ##### Usage This plugin can be activated as a jQuery plugin or using the data api. @@ -13,7 +13,7 @@ This plugin can be activated as a jQuery plugin or using the data api. This plugin provides two data-api attributes. Any element using one of the following attributes should be placed within the `.card-tools` div, which is usually in the card header. For more information about the [card HTML structure]({% link components/cards.md %}), visit the card component documentation -`data-widget="collapse"` +`data-card-widget="collapse"`
This attribute, when attached to a button, allows the box to be collapsed/expanded when clicked.
@@ -22,7 +22,7 @@ This attribute, when attached to a button, allows the box to be collapsed/expand

Collapsible Card Example

- +
@@ -37,7 +37,7 @@ This attribute, when attached to a button, allows the box to be collapsed/expand

Collapsible Card Example

- +
@@ -53,7 +53,7 @@ This attribute, when attached to a button, allows the box to be collapsed/expand
-`data-widget="remove"` +`data-card-widget="remove"`
This attribute, when attached to a button, allows the box to be removed when clicked.
@@ -62,7 +62,7 @@ This attribute, when attached to a button, allows the box to be removed when cli

Removable Card Example

- +
@@ -77,7 +77,7 @@ This attribute, when attached to a button, allows the box to be removed when cli

Removable Card Example

- +
@@ -93,7 +93,7 @@ This attribute, when attached to a button, allows the box to be removed when cli
-`data-widget="maximize"` +`data-card-widget="maximize"`
This attribute, when attached to a button, allows the box to be maximize/minimize when clicked.
@@ -102,7 +102,7 @@ This attribute, when attached to a button, allows the box to be maximize/minimiz

Maximizable Card Example

- +
@@ -117,7 +117,7 @@ This attribute, when attached to a button, allows the box to be maximize/minimiz

Maximizable Card Example

- +
@@ -136,7 +136,7 @@ This attribute, when attached to a button, allows the box to be maximize/minimiz ###### jQuery {: .text-bold } -To activate any button using jQuery, you must provide the removeTrigger and collapseTrigger options. Otherwise, the plugin will assume the default `data-widget` selectors. +To activate any button using jQuery, you must provide the removeTrigger and collapseTrigger options. Otherwise, the plugin will assume the default `data-card-widget` selectors. ```js $('#my-card').Widget(options) @@ -149,14 +149,15 @@ $('#my-card').Widget(options) | Name | Type | Default | Description |-|-|-|- |animationSpeed | Number | 300 | Speed of slide down/up animation in milliseconds. -|collapseTrigger | String | `[data-widget="remove"]` | jQuery selector to the element responsible for collapsing the box. -|removeTrigger | String | `[data-widget="collapse"]` | jQuery selector to the element responsible for removing the box. +|collapseTrigger | String | `[data-card-widget="remove"]` | jQuery selector to the element responsible for collapsing the box. +|removeTrigger | String | `[data-card-widget="collapse"]` | jQuery selector to the element responsible for removing the box. +|maximizeTrigger | String | `[data-card-widget="maximize"]` | jQuery selector to the element responsible for maximizing the box. {: .table .table-bordered .bg-light} > ##### Tip! > You can use any option via the data-attributes like this. > ```html -> +> > ``` {: .quote-info} @@ -166,14 +167,14 @@ $('#my-card').Widget(options) |--- | Event Type | Description |-|- -|expanded.lte.widget | Triggered after a card expanded. -|collapsed.lte.widget | Triggered after a card collapsed. -|maximized.lte.widget | Triggered after a card maximized. -|minimized.lte.widget | Triggered after a card minimized. -|removed.lte.widget | Triggered after a card removed. +|expanded.lte.cardwidget | Triggered after a card expanded. +|collapsed.lte.cardwidget | Triggered after a card collapsed. +|maximized.lte.cardwidget | Triggered after a card maximized. +|minimized.lte.cardwidget | Triggered after a card minimized. +|removed.lte.cardwidget | Triggered after a card removed. {: .table .table-bordered .bg-light} -Example: `$('#my-card').on('expanded.lte.widget', handleExpandedEvent)` +Example: `$('#my-card').on('expanded.lte.cardwidget', handleExpandedEvent)` ##### Methods @@ -186,6 +187,8 @@ Example: `$('#my-card').on('expanded.lte.widget', handleExpandedEvent)` |expand | Expands the card |remove | Removes the card |toggle | Toggles the state of the card between expanded and collapsed +|maximize | Maximizes the card +|minimize | Minimizes the card |toggleMaximize | Toggles the state of the card between maximized and minimized {: .table .table-bordered .bg-light} diff --git a/index.html b/index.html index 4bb41c1b9..5e4d9c4f3 100644 --- a/index.html +++ b/index.html @@ -724,14 +724,14 @@
3 - -
@@ -1071,7 +1071,7 @@ - @@ -1178,10 +1178,10 @@ View calendar - - diff --git a/index2.html b/index2.html index ee820de6a..b28fcd1bf 100644 --- a/index2.html +++ b/index2.html @@ -676,7 +676,7 @@
Monthly Recap Report
-
@@ -691,7 +691,7 @@ Separated link
- @@ -815,10 +815,10 @@

Visitors Report

- -
@@ -866,12 +866,12 @@
3 - -
@@ -1069,9 +1069,9 @@
8 New Members - -
@@ -1139,10 +1139,10 @@

Latest Orders

- -
@@ -1280,9 +1280,9 @@

Browser Usage

- -
@@ -1349,10 +1349,10 @@

Recently Added Products

- -
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html index 8e3c0d35c..368bbeae0 100644 --- a/pages/charts/chartjs.html +++ b/pages/charts/chartjs.html @@ -614,9 +614,9 @@

Area Chart

- - +
@@ -634,9 +634,9 @@

Donut Chart

- - +
@@ -652,9 +652,9 @@

Pie Chart

- - +
@@ -673,9 +673,9 @@

Line Chart

- - +
@@ -693,9 +693,9 @@

Bar Chart

- - +
@@ -713,9 +713,9 @@

Stacked Bar Chart

- - +
diff --git a/pages/charts/flot.html b/pages/charts/flot.html index e7db66353..a18b4c7ec 100644 --- a/pages/charts/flot.html +++ b/pages/charts/flot.html @@ -648,9 +648,9 @@
- -
@@ -670,9 +670,9 @@
- -
@@ -696,10 +696,10 @@
- -
@@ -720,9 +720,9 @@
- -
diff --git a/pages/charts/inline.html b/pages/charts/inline.html index 7ef88d8ea..edf7dd57c 100644 --- a/pages/charts/inline.html +++ b/pages/charts/inline.html @@ -620,10 +620,10 @@
- -
@@ -692,10 +692,10 @@
- -
@@ -751,10 +751,10 @@
- -
diff --git a/pages/examples/blank.html b/pages/examples/blank.html index 380c2f122..1af78d8f4 100644 --- a/pages/examples/blank.html +++ b/pages/examples/blank.html @@ -614,9 +614,9 @@

Title

- -
diff --git a/pages/examples/language-menu.html b/pages/examples/language-menu.html index 2e1cf92c2..ad43c2b8b 100644 --- a/pages/examples/language-menu.html +++ b/pages/examples/language-menu.html @@ -626,9 +626,9 @@

Title

- -
diff --git a/pages/examples/legacy-user-menu.html b/pages/examples/legacy-user-menu.html index 5355e86fc..a99c056eb 100644 --- a/pages/examples/legacy-user-menu.html +++ b/pages/examples/legacy-user-menu.html @@ -641,9 +641,9 @@

Title

- -
diff --git a/pages/examples/project_add.html b/pages/examples/project_add.html index dad182deb..e17471a26 100644 --- a/pages/examples/project_add.html +++ b/pages/examples/project_add.html @@ -614,7 +614,7 @@

General

-
@@ -655,7 +655,7 @@

Budget

-
diff --git a/pages/examples/project_detail.html b/pages/examples/project_detail.html index 1b8b5c557..021e9a8bd 100644 --- a/pages/examples/project_detail.html +++ b/pages/examples/project_detail.html @@ -615,9 +615,9 @@

Projects Detail

- -
diff --git a/pages/examples/project_edit.html b/pages/examples/project_edit.html index 8eb49f884..095c63ab0 100644 --- a/pages/examples/project_edit.html +++ b/pages/examples/project_edit.html @@ -614,7 +614,7 @@

General

-
@@ -655,7 +655,7 @@

Budget

-
@@ -681,7 +681,7 @@

Files

-
diff --git a/pages/examples/projects.html b/pages/examples/projects.html index cb3a32c3e..6e4a273fb 100644 --- a/pages/examples/projects.html +++ b/pages/examples/projects.html @@ -614,9 +614,9 @@

Projects

- -
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html index e04ec7486..98f7e916f 100644 --- a/pages/forms/advanced.html +++ b/pages/forms/advanced.html @@ -625,8 +625,8 @@

Select2

- - + +
@@ -707,8 +707,8 @@

Bootstrap Duallistbox

- - + +
diff --git a/pages/forms/editors.html b/pages/forms/editors.html index 39114c6f6..68ffbac81 100644 --- a/pages/forms/editors.html +++ b/pages/forms/editors.html @@ -618,10 +618,10 @@
- -
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html index 6bc1485a8..7e04ff1a6 100644 --- a/pages/layout/boxed.html +++ b/pages/layout/boxed.html @@ -615,9 +615,9 @@

Title

- -
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html index 0cd19250c..4033ba27f 100644 --- a/pages/layout/collapsed-sidebar.html +++ b/pages/layout/collapsed-sidebar.html @@ -615,9 +615,9 @@

Title

- -
diff --git a/pages/layout/fixed-footer.html b/pages/layout/fixed-footer.html index 112c9700d..e831f7764 100644 --- a/pages/layout/fixed-footer.html +++ b/pages/layout/fixed-footer.html @@ -614,9 +614,9 @@

Title

- -
diff --git a/pages/layout/fixed-sidebar.html b/pages/layout/fixed-sidebar.html index 2bcb0927b..900dbe0ca 100644 --- a/pages/layout/fixed-sidebar.html +++ b/pages/layout/fixed-sidebar.html @@ -616,9 +616,9 @@

Title

- -
diff --git a/pages/layout/fixed-topnav.html b/pages/layout/fixed-topnav.html index d6018b398..c89c7d830 100644 --- a/pages/layout/fixed-topnav.html +++ b/pages/layout/fixed-topnav.html @@ -614,9 +614,9 @@

Title

- -
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html index de1ba96eb..be35e1c05 100644 --- a/pages/mailbox/compose.html +++ b/pages/mailbox/compose.html @@ -618,7 +618,7 @@

Folders

-
@@ -661,7 +661,7 @@

Labels

-
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html index 87ef09d3f..ddafbe28c 100644 --- a/pages/mailbox/mailbox.html +++ b/pages/mailbox/mailbox.html @@ -616,7 +616,7 @@

Folders

-
@@ -659,7 +659,7 @@

Labels

-
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html index c549389a3..938f0ed9c 100644 --- a/pages/mailbox/read-mail.html +++ b/pages/mailbox/read-mail.html @@ -616,7 +616,7 @@

Folders

-
@@ -659,7 +659,7 @@

Labels

-
diff --git a/pages/widgets.html b/pages/widgets.html index f60a0563c..39d155135 100644 --- a/pages/widgets.html +++ b/pages/widgets.html @@ -970,7 +970,7 @@

Expandable

-
@@ -990,7 +990,7 @@

Collapsable

-
@@ -1010,7 +1010,7 @@

Removable

-
@@ -1030,7 +1030,7 @@

Maximizable

-
@@ -1054,9 +1054,9 @@

All together

- - - + + +
@@ -1119,7 +1119,7 @@

Primary Outline

-
@@ -1139,7 +1139,7 @@

Success Outline

-
@@ -1159,7 +1159,7 @@

Warning Outline

-
@@ -1196,7 +1196,7 @@

Primary Outline

-
@@ -1216,7 +1216,7 @@

Success Outline

-
@@ -1236,7 +1236,7 @@

Warning Outline

-
@@ -1273,7 +1273,7 @@

Primary

-
@@ -1293,7 +1293,7 @@

Success

-
@@ -1313,7 +1313,7 @@

Warning

-
@@ -1350,7 +1350,7 @@

Primary Gradient

-
@@ -1370,7 +1370,7 @@

Success Gradient

-
@@ -1390,7 +1390,7 @@

Warning Gradient

-
@@ -1433,12 +1433,12 @@
3 - -
@@ -1528,12 +1528,12 @@
3 - -
@@ -1623,12 +1623,12 @@
3 - -
@@ -1718,12 +1718,12 @@
3 - -
@@ -1956,9 +1956,9 @@
- -
@@ -2033,9 +2033,9 @@
- -