From bfec31bc5f197cab7f8a72ec64f1a8072bb0ff07 Mon Sep 17 00:00:00 2001 From: Harvey Zack Date: Sat, 31 Dec 2022 21:46:51 +0800 Subject: [PATCH] fix artplayer-plugin-control style --- docs/uncompiled/artplayer-plugin-control/index.js | 4 ++-- packages/artplayer-plugin-control/src/style.less | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/uncompiled/artplayer-plugin-control/index.js b/docs/uncompiled/artplayer-plugin-control/index.js index c1472f560..b86b78fe4 100644 --- a/docs/uncompiled/artplayer-plugin-control/index.js +++ b/docs/uncompiled/artplayer-plugin-control/index.js @@ -186,7 +186,7 @@ function artplayerPluginControl() { exports.default = artplayerPluginControl; artplayerPluginControl.env = "development"; artplayerPluginControl.version = "1.0.0"; -artplayerPluginControl.build = "2022-12-31 21:23:17"; +artplayerPluginControl.build = "2022-12-31 21:46:11"; if (typeof document !== "undefined") { if (!document.getElementById("artplayer-plugin-control")) { const $style = document.createElement("style"); @@ -198,7 +198,7 @@ if (typeof document !== "undefined") { if (typeof window !== "undefined") window["artplayerPluginControl"] = artplayerPluginControl; },{"bundle-text:./style.less":"cLvfB","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"cLvfB":[function(require,module,exports) { -module.exports = ".artplayer-plugin-control .art-bottom {\n height: 68px;\n min-width: 400px;\n max-width: 600px;\n user-select: none;\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n background-color: #000000b3;\n background-image: none;\n border-radius: 10px;\n flex-direction: column;\n align-items: center;\n padding: 0;\n font-size: 13px;\n transition: opacity .3s;\n display: flex;\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n width: 65%;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-thumbnails {\n bottom: 35px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress {\n width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-progress-tip {\n top: -40px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n width: 100%;\n height: auto;\n flex: 1;\n padding: 0 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-control-time {\n display: none;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-volume-panel {\n width: 60px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-selector-list {\n background-color: #000c !important;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n width: 17.5%;\n justify-content: center;\n line-height: 1;\n display: flex;\n position: absolute;\n top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n right: 0;\n}\n\n.artplayer-plugin-control .art-settings {\n bottom: 85px;\n}\n\n.artplayer-plugin-control.art-control-show .art-subtitle {\n bottom: 80px;\n}\n\n.apa-control-current, .apa-control-duration {\n display: none;\n}\n\n"; +module.exports = ".artplayer-plugin-control .art-bottom {\n height: 68px;\n min-width: 400px;\n max-width: 600px;\n user-select: none;\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n pointer-events: auto;\n background-color: #000000b3;\n background-image: none;\n border-radius: 10px;\n flex-direction: column;\n align-items: center;\n padding: 0;\n font-size: 13px;\n transition: opacity .3s;\n display: flex;\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n width: 65%;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-thumbnails {\n bottom: 35px;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-control-progress {\n width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress .art-progress-tip {\n top: -40px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n width: 100%;\n height: auto;\n flex: 1;\n padding: 0 5px;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-control-time {\n display: none;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls .art-volume-panel {\n width: 60px !important;\n}\n\n.artplayer-plugin-control .art-bottom .art-selector-list {\n background-color: #000c !important;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n width: 17.5%;\n justify-content: center;\n line-height: 1;\n display: flex;\n position: absolute;\n top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n right: 0;\n}\n\n.artplayer-plugin-control .art-settings {\n bottom: 85px;\n}\n\n.artplayer-plugin-control.art-control-show .art-subtitle {\n bottom: 80px;\n}\n\n.apa-control-current, .apa-control-duration {\n display: none;\n}\n\n"; },{}],"5dUr6":[function(require,module,exports) { exports.interopDefault = function(a) { diff --git a/packages/artplayer-plugin-control/src/style.less b/packages/artplayer-plugin-control/src/style.less index 5dbe95c4f..a74d266ab 100644 --- a/packages/artplayer-plugin-control/src/style.less +++ b/packages/artplayer-plugin-control/src/style.less @@ -19,6 +19,7 @@ background-color: rgba(0, 0, 0, 0.7); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2); background-image: none; + pointer-events: auto; padding: 0; .art-progress {