diff --git a/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css b/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css index c3e785827e..a810d65bd8 100644 --- a/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css +++ b/bigbluebutton-html5/imports/ui/components/common/tooltip/bbbtip.css @@ -1,16 +1,16 @@ -.tippy-tooltip.bbbtip-theme{ +.tippy-box[data-theme~='bbbtip']{ color:#fff; background-color:#333333; padding: .25rem .5rem; border-radius: 4px; } -.tippy-tooltip.bbbtip-theme>.tippy-svg-arrow{ +.tippy-box[data-theme~='bbbtip']>.tippy-svg-arrow{ fill: #333333; background-color: transparent; } -.tippy-tooltip.bbbtip-theme>.tippy-content{ +.tippy-box[data-theme~='bbbtip']>.tippy-content{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; diff --git a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx index 3d536ab526..a2334def37 100755 --- a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx @@ -15,7 +15,7 @@ const ANIMATION_DURATION = 350; const ANIMATION_DELAY = [150, 50]; const DEFAULT_ANIMATION = 'shift-away'; const ANIMATION_NONE = 'none'; -const TIP_OFFSET = '0, 10'; +const TIP_OFFSET = [0, 10]; const propTypes = { title: PropTypes.string, @@ -87,7 +87,7 @@ class Tooltip extends Component { onHide: this.onHide, offset: TIP_OFFSET, placement: overridePlacement, - touch: 'hold', + touch: ['hold', 1000], theme: 'bbbtip', multiple: false, }; diff --git a/bigbluebutton-html5/package-lock.json b/bigbluebutton-html5/package-lock.json index b6a135161e..507372496c 100644 --- a/bigbluebutton-html5/package-lock.json +++ b/bigbluebutton-html5/package-lock.json @@ -7859,11 +7859,6 @@ "semver-compare": "^1.0.0" } }, - "popper.js": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", - "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==" - }, "postcss": { "version": "8.4.27", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz", @@ -9119,11 +9114,11 @@ "dev": true }, "tippy.js": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-5.2.1.tgz", - "integrity": "sha512-66UT6JRVn3dXNCORE+0UvUK3JZqV/VhLlU6HTDm3FmrweUUFUxUGvT8tUQ7ycMp+uhuLAwQw6dBabyC+iKf/MA==", + "version": "6.3.7", + "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz", + "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==", "requires": { - "popper.js": "^1.16.0" + "@popperjs/core": "^2.9.0" } }, "to-fast-properties": { diff --git a/bigbluebutton-html5/package.json b/bigbluebutton-html5/package.json index a1b6b1bd04..64afb54e5b 100644 --- a/bigbluebutton-html5/package.json +++ b/bigbluebutton-html5/package.json @@ -102,7 +102,7 @@ "string-hash": "~1.1.3", "styled-components": "^5.3.3", "subscriptions-transport-ws": "^0.11.0", - "tippy.js": "^5.1.3", + "tippy.js": "^6.3.7", "use-context-selector": "^1.3.7", "uuid": "^9.0.0", "wasm-feature-detect": "^1.5.1",