gd-bs 6.7.8 → 6.7.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/bs.js +1 -1
- package/build/components/tooltip/index.js +2 -0
- package/dist/gd-bs-icons.js +1 -1
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.js +1 -1
- package/dist/gd-bs.min.js +1 -1
- package/indexv2.html +30 -30
- package/package.json +1 -1
- package/src/components/tooltip/index.ts +3 -1
- package/src/styles/_floating-ui.scss +375 -280
package/indexv2.html
CHANGED
|
@@ -472,6 +472,36 @@
|
|
|
472
472
|
<appended-button>Run</appended-button>
|
|
473
473
|
</bs-input-group>
|
|
474
474
|
|
|
475
|
+
<h5>Tooltip</h5>
|
|
476
|
+
|
|
477
|
+
<div class="bs">
|
|
478
|
+
<div class="d-flex justify-content-between">
|
|
479
|
+
<bs-tooltip placement="GD.Components.TooltipPlacements.Right" type="GD.Components.TooltipTypes.Dark"
|
|
480
|
+
options='{ "trigger": "click" }'>
|
|
481
|
+
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
482
|
+
This is a tooltip.
|
|
483
|
+
</bs-tooltip>
|
|
484
|
+
|
|
485
|
+
<bs-tooltip placement="GD.Components.TooltipPlacements.Top" type="GD.Components.TooltipTypes.LightBorder"
|
|
486
|
+
options='{ "trigger": "click" }'>
|
|
487
|
+
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
488
|
+
This is a tooltip.
|
|
489
|
+
</bs-tooltip>
|
|
490
|
+
|
|
491
|
+
<bs-tooltip placement="GD.Components.TooltipPlacements.Left" type="GD.Components.TooltipTypes.Dark"
|
|
492
|
+
options='{ "trigger": "click" }'>
|
|
493
|
+
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
494
|
+
This is a tooltip.
|
|
495
|
+
</bs-tooltip>
|
|
496
|
+
|
|
497
|
+
<bs-tooltip placement="GD.Components.TooltipPlacements.Bottom" type="GD.Components.TooltipTypes.Dark"
|
|
498
|
+
options='{ "trigger": "click" }'>
|
|
499
|
+
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
500
|
+
This is a tooltip.
|
|
501
|
+
</bs-tooltip>
|
|
502
|
+
</div>
|
|
503
|
+
</div>
|
|
504
|
+
|
|
475
505
|
<h5>Toast</h5>
|
|
476
506
|
|
|
477
507
|
<bs-toast id="toast" header-text="Header Text" muted-text="2 seconds ago" options='{ "autohide": false }'>
|
|
@@ -525,36 +555,6 @@
|
|
|
525
555
|
</toolbar-item>
|
|
526
556
|
</bs-toolbar>
|
|
527
557
|
|
|
528
|
-
<h5>Tooltip</h5>
|
|
529
|
-
|
|
530
|
-
<div class="bs">
|
|
531
|
-
<div class="d-flex justify-content-between">
|
|
532
|
-
<bs-tooltip placement="GD.Components.TooltipPlacements.TopEnd" type="GD.Components.TooltipTypes.Dark"
|
|
533
|
-
options='{ "trigger": "click" }'>
|
|
534
|
-
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
535
|
-
This is a tooltip.
|
|
536
|
-
</bs-tooltip>
|
|
537
|
-
|
|
538
|
-
<bs-tooltip placement="GD.Components.TooltipPlacements.Top" type="GD.Components.TooltipTypes.Dark"
|
|
539
|
-
options='{ "trigger": "click" }'>
|
|
540
|
-
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
541
|
-
This is a tooltip.
|
|
542
|
-
</bs-tooltip>
|
|
543
|
-
|
|
544
|
-
<bs-tooltip placement="GD.Components.TooltipPlacements.Bottom" type="GD.Components.TooltipTypes.Dark"
|
|
545
|
-
options='{ "trigger": "click" }'>
|
|
546
|
-
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
547
|
-
This is a tooltip.
|
|
548
|
-
</bs-tooltip>
|
|
549
|
-
|
|
550
|
-
<bs-tooltip placement="GD.Components.TooltipPlacements.BottomStart" type="GD.Components.TooltipTypes.Dark"
|
|
551
|
-
options='{ "trigger": "click" }'>
|
|
552
|
-
<btn-props type="GD.Components.ButtonTypes.OutlineDanger">Test Tooltip</btn-props>
|
|
553
|
-
This is a tooltip.
|
|
554
|
-
</bs-tooltip>
|
|
555
|
-
</div>
|
|
556
|
-
</div>
|
|
557
|
-
|
|
558
558
|
<script type="text/javascript" showFl="false">
|
|
559
559
|
window["MyRefs"] = {};
|
|
560
560
|
window["MyLib"] = {
|
package/package.json
CHANGED
|
@@ -5,7 +5,6 @@ import { IButton } from "../button/types";
|
|
|
5
5
|
import { Button, ButtonTypes } from "../button";
|
|
6
6
|
import { IDropdown } from "../dropdown/types";
|
|
7
7
|
import { Dropdown, DropdownTypes } from "../dropdown";
|
|
8
|
-
import { appendContent } from "../common";
|
|
9
8
|
import { FloatingUI, FloatingUIPlacements } from "../floating-ui";
|
|
10
9
|
|
|
11
10
|
/**
|
|
@@ -205,6 +204,9 @@ class _Tooltip extends Base<ITooltipProps> {
|
|
|
205
204
|
this._elContent = this.props.content as any;
|
|
206
205
|
}
|
|
207
206
|
|
|
207
|
+
// Set the padding
|
|
208
|
+
this._elContent.classList.add("p-2");
|
|
209
|
+
|
|
208
210
|
// Set the on create event
|
|
209
211
|
/*
|
|
210
212
|
options["onCreate"] = (tippyObj) => {
|