@opendesign-plus-test/components 0.0.1-rc.110 → 0.0.1-rc.112

package/dist/treeshaking/components/meeting/OMeetingPlayback.css

@@ -268,6 +268,7 @@
 }
 .o-meeting-playback .right-card {
   width: 40%;
+  padding: 0;
 }
 @media (max-width: 840px) {
 .o-meeting-playback .right-card {

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css

@@ -308,6 +308,27 @@
   display: flex;
   align-items: center;
   gap: var(--o-gap-4);
+  padding: var(--o-gap-5) var(--o-gap-5) 0 var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .search-captions {
+    padding: var(--o-gap-4) var(--o-gap-4) 0 var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .search-captions {
+    padding: var(--o-gap-3) var(--o-gap-3) 0 var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .search-captions {
+    padding: var(--o-gap-3) var(--o-gap-3) 0 var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .search-captions {
+    padding: var(--o-gap-3) var(--o-gap-3) 0 var(--o-gap-3);
+}
 }
 .o-meeting-playback-subtitles .search-captions .input-captions {
   --input-radius: var(--meeting-input-radius);
@@ -393,6 +414,29 @@
     margin-top: var(--o-gap-2);
 }
 }
+.o-meeting-playback-subtitles .o-tab .o-tab-head {
+  padding: 0 var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head {
+    padding: 0 var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head {
+    padding: 0 var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head {
+    padding: 0 var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head {
+    padding: 0 var(--o-gap-3);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-nav-list {
   width: 100%;
 }
@@ -421,6 +465,27 @@
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body {
   height: calc(100% - var(--o-line_height-text2) - var(--o-gap-4));
+  padding: 0 var(--o-gap-2) var(--o-gap-5) var(--o-gap-2);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body {
+    padding: 0 var(--o-gap-2) var(--o-gap-4) var(--o-gap-2);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body {
+    padding: 0 var(--o-gap-2) var(--o-gap-3) var(--o-gap-2);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body {
+    padding: 0 var(--o-gap-2) var(--o-gap-3) var(--o-gap-2);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-body {
+    padding: 0 var(--o-gap-2) var(--o-gap-3) var(--o-gap-2);
+}
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane {
   height: 100%;
@@ -466,7 +531,29 @@
 }
 }
 .o-meeting-playback-subtitles .captions-tab .captions-item {
-  padding: 4px 8px;
+  padding: var(--o-gap-2) calc(var(--o-gap-5) - var(--o-gap-2));
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .captions-tab .captions-item {
+    padding: var(--o-gap-2) calc(var(--o-gap-4) - var(--o-gap-2));
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .captions-tab .captions-item {
+    padding: var(--o-gap-2) calc(var(--o-gap-3) - var(--o-gap-2));
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .captions-tab .captions-item {
+    padding: var(--o-gap-2) calc(var(--o-gap-3) - var(--o-gap-2));
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .captions-tab .captions-item {
+    padding: var(--o-gap-2) calc(var(--o-gap-3) - var(--o-gap-2));
+}
+}
+.o-meeting-playback-subtitles .captions-tab .captions-item {
   cursor: pointer;
   border-radius: var(--meeting-cell-radius);
 }

package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.css

@@ -76,14 +76,20 @@
 }
 .video-js {
   --right-size: 32px;
-  --right-icon-size: 24px;
+  --right-icon-size: 32px;
   --right-gap: 24px;
 }
 .video-js div.vjs-poster {
   position: absolute;
 }
+.video-js div.vjs-poster picture {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .video-js div.vjs-poster img {
   object-fit: cover;
+  max-width: 100%;
 }
 .video-js div.vjs-poster::after {
   content: "";
@@ -110,9 +116,10 @@
   width: 32px;
   height: 32px;
   margin-left: var(--o-gap-5);
+  margin-right: var(--o-gap-2);
 }
 .video-js .vjs-control-bar .vjs-play-control .vjs-icon-placeholder::before {
-  font-size: 24px;
+  font-size: 32px;
   line-height: 32px;
 }
 .video-js .vjs-control-bar .vjs-skip-backward-5 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.110",
+  "version": "0.0.1-rc.112",
   "type": "module",
   "publishConfig": {
     "access": "public",