diff --git a/packages/core/src/assets/css/common.css b/packages/core/src/assets/css/common.css index a08fed01..b14664ce 100644 --- a/packages/core/src/assets/css/common.css +++ b/packages/core/src/assets/css/common.css @@ -19,7 +19,6 @@ ocs-panel { box-shadow: 0px 2px 6px #848484; } ocs-panel .ocs-panel-header { - gap: 12px; display: flex; padding: 6px 4px; border-bottom: 1px solid #c6c6c6; @@ -27,7 +26,7 @@ ocs-panel .ocs-panel-header { ocs-panel .ocs-panel-header .title { cursor: pointer !important; font-size: 14px; - margin: 0; + margin: 0px 8px; padding: 0; white-space: nowrap; } @@ -108,6 +107,7 @@ ocs-panel.hide { .ocs-setting-items input { outline: none; border: none; + width: 100%; border-bottom: 1px solid #e4e4e4; background: #fbfbfb; border-radius: 4px; diff --git a/packages/core/src/assets/less/common.less b/packages/core/src/assets/less/common.less index b2ee2b11..df371fe0 100644 --- a/packages/core/src/assets/less/common.less +++ b/packages/core/src/assets/less/common.less @@ -18,7 +18,6 @@ ocs-panel { box-shadow: 0px 2px 6px #848484; .ocs-panel-header { - gap: 12px; display: flex; padding: 6px 4px; border-bottom: 1px solid #c6c6c6; @@ -26,7 +25,7 @@ ocs-panel { .title { cursor: pointer !important; font-size: 14px; - margin: 0; + margin: 0px 8px; padding: 0; white-space: nowrap; @@ -121,6 +120,7 @@ ocs-panel { input { outline: none; border: none; + width: 100%; border-bottom: 1px solid #e4e4e4; background: #fbfbfb; border-radius: 4px; diff --git a/packages/core/src/cx/study.ts b/packages/core/src/cx/study.ts index 3e3e651c..dfc92797 100644 --- a/packages/core/src/cx/study.ts +++ b/packages/core/src/cx/study.ts @@ -190,7 +190,7 @@ function mediaTask(setting: ScriptSettings["cx"]["video"], media: HTMLMediaEleme var playFunction = function () { // @ts-ignore if (!media.ended && !media.__played__) { - media.play(); + setTimeout(() => media.play(), 1000); } else { // @ts-ignore media.__played__ = true;