Merge pull request #242 from 10up/develop

2.4.0

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file, per [the Ke
 
 ## [Unreleased] - TBD
 
+## [2.4.0] - 2021-11-29
+
+### Added
+- In-Page Experiences. Props [@Rahmon](https://github.com/Rahmon), and [@oscarssanchez](https://github.com/oscarssanchez) via [#239](https://github.com/10up/brightcove-video-connect/pull/239).
+
 ## [2.3.1] - 2021-11-04
 
 ### Fixed
@@ -336,6 +341,7 @@ All notable changes to this project will be documented in this file, per [the Ke
 - First release
 
 [Unreleased]: https://github.com/10up/brightcove-video-connect/compare/master...develop
+[2.4.0]: https://github.com/10up/brightcove-video-connect/compare/2.3.1...2.4.0
 [2.3.1]: https://github.com/10up/brightcove-video-connect/compare/2.3.0...2.3.1
 [2.3.0]: https://github.com/10up/brightcove-video-connect/compare/2.2.1...2.3.0
 [2.2.1]: https://github.com/10up/brightcove-video-connect/compare/2.2.0...2.2.1

assets/css/brightcove_video_connect.css

@@ -387,28 +387,36 @@ div.brightcove-uploader div.brightcove-messages .updated {
         float: right;
         padding: 3px; }
   .brightcove.media-frame-menu .attachment-detail .video-info,
-  .brightcove.media-frame-menu .attachment-detail .playlist-info {
+  .brightcove.media-frame-menu .attachment-detail .playlist-info,
+  .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info {
     margin: 10px 0;
     overflow: hidden; }
     .brightcove.media-frame-menu .attachment-detail .video-info .video-name,
     .brightcove.media-frame-menu .attachment-detail .video-info .playlist-name,
+    .brightcove.media-frame-menu .attachment-detail .video-info .inpageexperiences-name,
     .brightcove.media-frame-menu .attachment-detail .playlist-info .video-name,
-    .brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-name {
+    .brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-name,
+    .brightcove.media-frame-menu .attachment-detail .playlist-info .inpageexperiences-name,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-name,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-name,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .inpageexperiences-name {
       clear: both;
       float: left;
       font-size: 130%;
       font-weight: bold;
       margin: 5px 0 10px 0;
       word-break: break-word; }
     .brightcove.media-frame-menu .attachment-detail .video-info .bc-video-section,
-    .brightcove.media-frame-menu .attachment-detail .playlist-info .bc-video-section {
+    .brightcove.media-frame-menu .attachment-detail .playlist-info .bc-video-section,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .bc-video-section {
       display: block;
       float: left;
       height: auto;
       margin-bottom: 20px;
       width: 100%; }
     .brightcove.media-frame-menu .attachment-detail .video-info .brightcove-player,
-    .brightcove.media-frame-menu .attachment-detail .playlist-info .brightcove-player {
+    .brightcove.media-frame-menu .attachment-detail .playlist-info .brightcove-player,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .brightcove-player {
       display: block;
       padding: 3px 0; }
     .brightcove.media-frame-menu .attachment-detail .video-info .account-name,
@@ -428,7 +436,16 @@ div.brightcove-uploader div.brightcove-messages .updated {
     .brightcove.media-frame-menu .attachment-detail .playlist-info .video-created,
     .brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description,
     .brightcove.media-frame-menu .attachment-detail .playlist-info .video-description,
-    .brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated {
+    .brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .account-name,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .created-date,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-id,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-type,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .updated-date,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-created,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-description,
+    .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated {
       clear: both;
       display: block;
       color: #999;
@@ -450,26 +467,35 @@ div.brightcove-uploader div.brightcove-messages .updated {
       .brightcove.media-frame-menu .attachment-detail .playlist-info .video-created .title,
       .brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description .title,
       .brightcove.media-frame-menu .attachment-detail .playlist-info .video-description .title,
-      .brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated .title {
+      .brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .account-name .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .created-date .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-id .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-type .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .updated-date .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-created .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-description .title,
+      .brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated .title {
         margin-right: 5px; }
-  .brightcove.media-frame-menu .attachment-detail .video-details .left-col, .brightcove.media-frame-menu .attachment-detail .video-details label, .brightcove.media-frame-menu .attachment-detail .playlist-details .left-col, .brightcove.media-frame-menu .attachment-detail .playlist-details label {
+  .brightcove.media-frame-menu .attachment-detail .video-details .left-col, .brightcove.media-frame-menu .attachment-detail .video-details label, .brightcove.media-frame-menu .attachment-detail .playlist-details .left-col, .brightcove.media-frame-menu .attachment-detail .playlist-details label, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .left-col, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details label {
     display: inline-block;
     float: left;
     clear: left;
     width: 100px;
     padding-top: 5px; }
-  .brightcove.media-frame-menu .attachment-detail .video-details .right-col, .brightcove.media-frame-menu .attachment-detail .playlist-details .right-col {
+  .brightcove.media-frame-menu .attachment-detail .video-details .right-col, .brightcove.media-frame-menu .attachment-detail .playlist-details .right-col, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .right-col {
     display: inline-block;
     float: left;
     padding-top: 5px; }
-  .brightcove.media-frame-menu .attachment-detail .video-details .clear, .brightcove.media-frame-menu .attachment-detail .playlist-details .clear {
+  .brightcove.media-frame-menu .attachment-detail .video-details .clear, .brightcove.media-frame-menu .attachment-detail .playlist-details .clear, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .clear {
     clear: both; }
-  .brightcove.media-frame-menu .attachment-detail .video-details input[type=number], .brightcove.media-frame-menu .attachment-detail .playlist-details input[type=number] {
+  .brightcove.media-frame-menu .attachment-detail .video-details input[type=number], .brightcove.media-frame-menu .attachment-detail .playlist-details input[type=number], .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details input[type=number] {
     width: 20%; }
-  .brightcove.media-frame-menu .attachment-detail .video-details textarea, .brightcove.media-frame-menu .attachment-detail .playlist-details textarea {
+  .brightcove.media-frame-menu .attachment-detail .video-details textarea, .brightcove.media-frame-menu .attachment-detail .playlist-details textarea, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details textarea {
     margin-top: 10px;
     width: 100%; }
-  .brightcove.media-frame-menu .attachment-detail .video-details #custom, .brightcove.media-frame-menu .attachment-detail .playlist-details #custom {
+  .brightcove.media-frame-menu .attachment-detail .video-details #custom, .brightcove.media-frame-menu .attachment-detail .playlist-details #custom, .brightcove.media-frame-menu .attachment-detail .inpageexperiences-details #custom {
     display: none; }
 
 @media screen and (max-width: 700px) {