+1398
-5
lines changedFilter options
+1398
-5
lines changed Original file line number Diff line number Diff line change
@@ -270,6 +270,11 @@ table#table-transition-example {
270 270
}
271 271
}
272 272 273 +
// `<b-sidebar>` overrides for docs
274 +
.b-sidebar {
275 +
z-index: 1071;
276 +
}
277 + 273 278
// Docsearch overrides
274 279
// See: https://github.com/twbs/bootstrap/blob/master/site/static/docs/4.3/assets/scss/_algolia.scss
275 280
.algolia-autocomplete {
@@ -71,6 +71,15 @@ $b-icon-animation-spin-reverse-pulse-duration: $b-icon-animation-spin-pulse-dura
71 71
$b-icon-animation-cylon-duration: 0.75s !default;
72 72
$b-icon-animation-cylon-vertical-duration: $b-icon-animation-cylon-duration !default;
73 73 74 +
// --- Sidebar ---
75 + 76 +
$b-sidebar-width: 320px !default;
77 +
$b-sidebar-transition-duration: 0.3s !default;
78 +
$b-sidebar-zindex: calc(#{$zindex-fixed} + 5) !default;
79 +
$b-sidebar-header-font-size: 1.5rem !default;
80 +
$b-sidebar-header-padding-y: $navbar-padding-y !default;
81 +
$b-sidebar-header-padding-x: $navbar-padding-x !default;
82 + 74 83
// --- Tables ---
75 84 76 85
// Table busy state
@@ -249,7 +249,7 @@ export const BFormTimepicker = /*#__PURE__*/ Vue.extend({
249 249
this.localHMS = newVal || ''
250 250
},
251 251
localHMS(newVal) {
252 -
// We only update hte v-model value when the timepicker
252 +
// We only update the v-model value when the timepicker
253 253
// is open, to prevent cursor jumps when bound to a
254 254
// text input in button only mode
255 255
if (this.isVisible) {
@@ -45,6 +45,7 @@ export * from './pagination'
45 45
export * from './pagination-nav'
46 46
export * from './popover'
47 47
export * from './progress'
48 +
export * from './sidebar'
48 49
export * from './spinner'
49 50
export * from './table'
50 51
export * from './tabs'
@@ -42,6 +42,7 @@ import { PaginationPlugin } from './pagination'
42 42
import { PaginationNavPlugin } from './pagination-nav'
43 43
import { PopoverPlugin } from './popover'
44 44
import { ProgressPlugin } from './progress'
45 +
import { SidebarPlugin } from './sidebar'
45 46
import { SpinnerPlugin } from './spinner'
46 47
// Table plugin includes TableLitePlugin and TableSimplePlugin
47 48
import { TablePlugin } from './table'
@@ -94,6 +95,7 @@ export const componentsPlugin = /*#__PURE__*/ pluginFactory({
94 95
PaginationNavPlugin,
95 96
PopoverPlugin,
96 97
ProgressPlugin,
98 +
SidebarPlugin,
97 99
SpinnerPlugin,
98 100
TablePlugin,
99 101
TabsPlugin,
@@ -15,6 +15,7 @@
15 15
@import "pagination/index";
16 16
@import "pagination-nav/index";
17 17
@import "popover/index";
18 +
@import "sidebar/index";
18 19
@import "table/index";
19 20
@import "time/index";
20 21
@import "toast/index";
@@ -189,18 +189,22 @@ export const props = {
189 189
type: [String, Array, Object],
190 190
default: null
191 191
},
192 +
// TODO: Rename to `noHeader` and deprecate `hideHeader`
192 193
hideHeader: {
193 194
type: Boolean,
194 195
default: false
195 196
},
197 +
// TODO: Rename to `noFooter` and deprecate `hideFooter`
196 198
hideFooter: {
197 199
type: Boolean,
198 200
default: false
199 201
},
202 +
// TODO: Rename to `noHeaderClose` and deprecate `hideHeaderClose`
200 203
hideHeaderClose: {
201 204
type: Boolean,
202 205
default: false
203 206
},
207 +
// TODO: Rename to `noBackdrop` and deprecate `hideBackdrop`
204 208
hideBackdrop: {
205 209
type: Boolean,
206 210
default: false
@@ -835,6 +839,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
835 839
// Modal header
836 840
let header = h()
837 841
if (!this.hideHeader) {
842 +
// TODO: Rename slot to `header` and deprecate `modal-header`
838 843
let modalHeader = this.normalizeSlot('modal-header', this.slotScope)
839 844
if (!modalHeader) {
840 845
let closeButton = h()
@@ -851,10 +856,12 @@ export const BModal = /*#__PURE__*/ Vue.extend({
851 856
},
852 857
on: { click: this.onClose }
853 858
},
859 +
// TODO: Rename slot to `header-close` and deprecate `modal-header-close`
854 860
[this.normalizeSlot('modal-header-close')]
855 861
)
856 862
}
857 863
const domProps =
864 +
// TODO: Rename slot to `title` and deprecate `modal-title`
858 865
!this.hasNormalizedSlot('modal-title') && this.titleHtml
859 866
? { innerHTML: this.titleHtml }
860 867
: {}
@@ -867,6 +874,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
867 874
attrs: { id: this.safeId('__BV_modal_title_') },
868 875
domProps
869 876
},
877 +
// TODO: Rename slot to `title` and deprecate `modal-title`
870 878
[this.normalizeSlot('modal-title', this.slotScope) || stripTags(this.title)]
871 879
),
872 880
closeButton
@@ -899,6 +907,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
899 907
// Modal footer
900 908
let footer = h()
901 909
if (!this.hideFooter) {
910 +
// TODO: Rename slot to `footer` and deprecate `modal-footer`
902 911
let modalFooter = this.normalizeSlot('modal-footer', this.slotScope)
903 912
if (!modalFooter) {
904 913
let cancelButton = h()
@@ -916,6 +925,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
916 925
on: { click: this.onCancel }
917 926
},
918 927
[
928 +
// TODO: Rename slot to `cancel-button` and deprecate `modal-cancel`
919 929
this.normalizeSlot('modal-cancel') ||
920 930
(cancelHtml ? h('span', { domProps: cancelHtml }) : stripTags(this.cancelTitle))
921 931
]
@@ -934,6 +944,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
934 944
on: { click: this.onOk }
935 945
},
936 946
[
947 +
// TODO: Rename slot to `ok-button` and deprecate `modal-ok`
937 948
this.normalizeSlot('modal-ok') ||
938 949
(okHtml ? h('span', { domProps: okHtml }) : stripTags(this.okTitle))
939 950
]
@@ -1009,6 +1020,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
1009 1020
'aria-labelledby':
1010 1021
this.hideHeader ||
1011 1022
this.ariaLabel ||
1023 +
// TODO: Rename slot to `title` and deprecate `modal-title`
1012 1024
!(this.hasNormalizedSlot('modal-title') || this.titleHtml || this.title)
1013 1025
? null
1014 1026
: this.safeId('__BV_modal_title_'),
@@ -1052,6 +1064,7 @@ export const BModal = /*#__PURE__*/ Vue.extend({
1052 1064
backdrop = h(
1053 1065
'div',
1054 1066
{ staticClass: 'modal-backdrop', attrs: { id: this.safeId('__BV_modal_backdrop_') } },
1067 +
// TODO: Rename slot to `backdrop` and deprecate `modal-backdrop`
1055 1068
[this.normalizeSlot('modal-backdrop')]
1056 1069
)
1057 1070
}
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4