From 2e1106b10817ea99dfb28d8e28be9665cd7d70dd Mon Sep 17 00:00:00 2001 From: "mohammed.razzaq" Date: Thu, 15 Feb 2024 16:54:42 +0530 Subject: [PATCH 1/2] Fix: Search box allignment --- assets/css/brightcove_video_connect.css | 1 + assets/css/brightcove_video_connect.min.css | 2 +- assets/scss/components/_modals.scss | 1 + 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/assets/css/brightcove_video_connect.css b/assets/css/brightcove_video_connect.css index de75655d..be929ffb 100644 --- a/assets/css/brightcove_video_connect.css +++ b/assets/css/brightcove_video_connect.css @@ -89,6 +89,7 @@ div.brightcove-uploader div.brightcove-messages .updated { .brightcove-modal .brightcove .media-toolbar-primary.search-form input[type=search] { float: left; + margin: 0; padding-bottom: 0px; width: 200px; } diff --git a/assets/css/brightcove_video_connect.min.css b/assets/css/brightcove_video_connect.min.css index 6c145fd0..c19003ed 100644 --- a/assets/css/brightcove_video_connect.min.css +++ b/assets/css/brightcove_video_connect.min.css @@ -1 +1 @@ -div.brightcove-messages{text-align:left;width:calc(100% - 4px)}div.brightcove-messages .updated{margin-left:0;margin-bottom:15px}div.brightcove-uploader div.brightcove-messages .updated{margin:20px 15px 2px}.brightcove-file-uploader{text-align:center}.brightcove-upload-queued-files{display:table;width:calc(100% - 20px);border:1px solid #ddd}.brightcove-pending-upload td{cursor:pointer}.brightcove-pending-upload td:first-child{width:35%}.brightcove-pending-upload td:nth-child(2){width:10%}.brightcove-pending-upload td:nth-child(3){width:20%}.brightcove-pending-upload td:nth-child(4){width:35%}.brightcove-pending-upload.selected{background-color:#35a3ca}.brightcove-pending-upload.selected td{color:#fff}.ingest-success{background-color:#00adff}.upload-success{color:#003148}.brightcove-pending-upload-details{width:30%;display:table-cell;padding:20px;background-color:#f3f3f3;text-align:left;vertical-align:top}.pending-uploads{display:table-cell;width:70%;text-align:left;vertical-align:top;background-color:#fff}.pending-uploads table.widefat{border:0}.pending-uploads .brightcove-start-upload{margin-left:10px;margin-bottom:10px}.brightcove-media .spinner,.brightcove-media-videos .spinner{float:none;margin:5px 0;vertical-align:top}.brightcove-modal .media-frame-content,.brightcove-modal .media-frame-router,.brightcove-modal .media-frame-title,.brightcove-modal .media-frame-toolbar{left:0}.brightcove-modal .brightcove-media{overflow:hidden}.brightcove-modal .brightcove .wp-filter{border:0;box-shadow:none;right:0;width:100%;margin:0}.brightcove-modal .brightcove .media-toolbar-secondary{padding:0;min-width:280px}.brightcove-modal .brightcove .media-toolbar-primary.search-form input[type=search]{float:left;padding-bottom:0;width:200px}.brightcove-modal .brightcove #media-search{float:left;margin-left:10px;margin-right:5px}.brightcove-modal .pending-uploads{width:calc(100% - 40px);display:block;margin:20px}.brightcove-modal .brightcove-upload-queued-files{border:0;width:100%}.brightcove-modal .brightcove.media-frame-content{padding:0 20px;width:100%}@media screen and (min-width:700px){.brightcove-modal .brightcove.media-frame-content{width:calc(100% - 390px)}}.brightcove-modal .brightcove.video-preview{margin-top:20px}.brightcove-modal .video-preview-frame .brightcove.media-frame-content{padding:20px;box-sizing:border-box;border-right:1px solid #ddd;transform:translate3d(0,0,0)}.brightcove-modal .video-preview-frame .brightcove.brightcove.media-frame-menu{padding-top:20px}@media screen and (max-width:900px){.media-frame:not(.hide-menu) .media-frame-menu{width:300px}}.brightcove.media-frame-menu .attachment-detail .playlist-details label.experiencelabel,.brightcove.media-frame-menu .attachment-detail .video-details label.experiencelabel,select.experienceplayer{width:100%}.bc-page-icon{padding-right:5px;padding-top:5px}.notice{margin:5px 20px 2px 0}.brightcove-media-videos .error{margin:5px 20px 10px 0;text-align:left}.brightcove-media.playlist,.brightcove.media-frame-content{border-bottom:none;border-right:1px solid #ddd;border-top:none;position:static;width:calc(100% - 370px);float:left;margin-right:30px;padding-right:20px}.brightcove-media.playlist .video-preview,.brightcove.media-frame-content .video-preview{padding-bottom:56.25%;position:relative}.brightcove-media.playlist .video-preview iframe,.brightcove.media-frame-content .video-preview iframe{height:100%;position:absolute;width:100%}.brightcove-media.playlist .brightcove-buttons,.brightcove.media-frame-content .brightcove-buttons{float:right;margin-top:20px}.brightcove-media.playlist.edit-view,.brightcove.media-frame-content.edit-view{width:calc(100% - 20px);border-right:none;height:auto}.brightcove-media.playlist .video-edit,.brightcove.media-frame-content .video-edit{max-width:721px;padding:5px}.brightcove-buttons .delete{color:#a00;padding-top:6px;display:inline-block}.brightcove-buttons .delete:hover{color:red}.brightcove.media-frame-router{position:relative;left:0;top:auto;height:auto}.brightcove.media-frame-router a.brightcove-toolbar{margin-left:1em}.brightcove.media-frame-menu{left:inherit;width:300px;position:relative;padding-top:0;left:auto;right:auto;top:auto;bottom:auto;float:left}.brightcove.media-frame-menu .brightcove-buttons::after{clear:both;content:"";display:table}.brightcove.media-frame-menu .more-actions{float:right}.brightcove.media-toolbar{padding:0}.brightcove.media-toolbar .wp-filter{padding:0 16px}.brightcove.media-toolbar .media-toolbar-secondary{margin:8px}@media screen and (max-width:780px){.brightcove.media-toolbar .brightcove.media-toolbar-secondary{margin:4px}}@media screen and (min-width:1500px){.brightcove-media.playlist .video-preview,.brightcove.media-frame-content .video-preview{padding-bottom:43.25%}}.brightcove .media-toolbar{position:relative;right:10px;width:calc(100% - 10px);height:auto}@media screen and (min-width:782px){.brightcove .media-toolbar{right:20px;width:calc(100% - 20px)}}.brightcove .media-toolbar-secondary{padding:12px 0;box-sizing:border-box}.wp-core-ui .brightcove.attachment{float:none}.wp-core-ui .brightcove.attachment.details:focus,.wp-core-ui .brightcove.attachment:focus,.wp-core-ui .selected.brightcove.attachment:focus{box-shadow:none}.brightcove.media-frame-content,.playlist-edit-container{background-color:transparent}.brightcove.media-frame-content .spinner,.playlist-edit-container .spinner{display:inline-block;margin:7px;visibility:visible}.brightcove.media-frame-content .spinner.hidden,.playlist-edit-container .spinner.hidden{visibility:hidden}.brightcove.media-frame-content .menu-visible .highlighted .thumbnail,.playlist-edit-container .menu-visible .highlighted .thumbnail{box-shadow:0 0 2px 5px #5b9dd9;outline:0}.brightcove.media-frame-content ul,.playlist-edit-container ul{text-align:justify}.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{display:inline-block;margin:0;vertical-align:top;word-wrap:break-word;padding:10px;width:100%}@media screen and (min-width:700px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:50%}}@media screen and (min-width:1000px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:33%}}@media screen and (min-width:1200px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:25%}}.brightcove.media-frame-content .attachment .attachment-preview,.playlist-edit-container .attachment .attachment-preview{background-color:transparent;box-shadow:none}.brightcove.media-frame-content .attachment .attachment-preview:before,.playlist-edit-container .attachment .attachment-preview:before{display:none}.brightcove.media-frame-content .attachment .thumbnail,.playlist-edit-container .attachment .thumbnail{overflow:hidden;position:relative;margin-bottom:10px}.brightcove.media-frame-content .attachment .thumbnail:after,.playlist-edit-container .attachment .thumbnail:after{display:none}.brightcove.media-frame-content .attachment .thumbnail img,.playlist-edit-container .attachment .thumbnail img{display:block;position:relative;width:100%;height:auto}.brightcove.media-frame-content .attachment .thumbnail .processing,.playlist-edit-container .attachment .thumbnail .processing{position:absolute;z-index:9999;top:0;left:0;width:100%;text-align:center;background:rgba(50,50,50,.7);color:#fff;font-size:12px;height:100%}.brightcove.media-frame-content .attachment .thumbnail .processing span,.playlist-edit-container .attachment .thumbnail .processing span{position:absolute;top:50%;margin-top:-9px;width:100%;left:0;text-align:center}.brightcove.media-frame-content .attachment .thumbnail .duration,.brightcove.media-frame-content .attachment .thumbnail .video-count,.playlist-edit-container .attachment .thumbnail .duration,.playlist-edit-container .attachment .thumbnail .video-count{background-color:#fff;bottom:0;padding:3px;position:absolute;right:0;width:auto;z-index:1000}.brightcove.media-frame-content .attachment .bc-info,.playlist-edit-container .attachment .bc-info{clear:both;display:block;height:auto;padding:1px;position:relative}.brightcove.media-frame-content .attachment .bc-info .bc-name,.playlist-edit-container .attachment .bc-info .bc-name{background-color:transparent;box-shadow:none!important;clear:both;display:inline;float:left;font-weight:700;height:auto;text-align:left!important;top:95px;word-break:break-word}.brightcove.media-frame-content .attachment .bc-info .bc-name div,.playlist-edit-container .attachment .bc-info .bc-name div{padding:0}.brightcove.media-frame-content .attachment .bc-info .bc-updated,.playlist-edit-container .attachment .bc-info .bc-updated{clear:both;color:#999;float:left;font-weight:400;height:100%}.brightcove.media-frame-content .attachment .media-actions,.playlist-edit-container .attachment .media-actions{clear:both;text-align:right}.brightcove.media-frame-content .attachment .media-actions .button,.playlist-edit-container .attachment .media-actions .button{margin-left:1em}@media screen and (min-width:700px){.brightcove.media-frame-content .attachment .media-actions,.playlist-edit-container .attachment .media-actions{display:none}}.brightcove.media-frame-content .brightcove-datetime-wrapper,.playlist-edit-container .brightcove-datetime-wrapper{display:-ms-flexbox;display:flex}.brightcove.media-frame-content .brightcove-datetime-colon,.playlist-edit-container .brightcove-datetime-colon{width:10px;min-width:auto;margin-right:0;font-size:14px}.brightcove.media-frame-content .schedule-end-date,.brightcove.media-frame-content .schedule-start-date,.playlist-edit-container .schedule-end-date,.playlist-edit-container .schedule-start-date{margin-right:calc(4% + 7px)}.brightcove.media-frame-menu{height:100%;box-sizing:border-box}.brightcove.media-frame-menu .attachment-detail .thumbnail{clear:both;position:relative}.brightcove.media-frame-menu .attachment-detail .thumbnail img{display:block;max-width:100%;height:auto}.brightcove.media-frame-menu .attachment-detail .thumbnail .processing{position:absolute;z-index:9999;top:0;left:0;width:100%;text-align:center;background:rgba(50,50,50,.7);color:#fff;font-size:12px;height:100%}.brightcove.media-frame-menu .attachment-detail .thumbnail .processing span{position:absolute;top:50%;margin-top:-6px;width:100%;left:0;text-align:center}.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-duration,.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-video-count{bottom:0;padding:0;position:absolute;right:0;z-index:1000}.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-duration span,.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-video-count span{background-color:#fff;float:right;padding:3px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info,.brightcove.media-frame-menu .attachment-detail .playlist-info,.brightcove.media-frame-menu .attachment-detail .video-info{margin:10px 0;overflow:hidden}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-name,.brightcove.media-frame-menu .attachment-detail .video-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .video-info .video-name{clear:both;float:left;font-size:130%;font-weight:700;margin:5px 0 10px 0;word-break:break-word}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .bc-video-section,.brightcove.media-frame-menu .attachment-detail .playlist-info .bc-video-section,.brightcove.media-frame-menu .attachment-detail .video-info .bc-video-section{display:block;float:left;height:auto;margin-bottom:20px;width:100%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .brightcove-player,.brightcove.media-frame-menu .attachment-detail .playlist-info .brightcove-player,.brightcove.media-frame-menu .attachment-detail .video-info .brightcove-player{display:block;padding:3px 0}.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-description,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated,.brightcove.media-frame-menu .attachment-detail .playlist-info .account-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .created-date,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-id,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-type,.brightcove.media-frame-menu .attachment-detail .playlist-info .updated-date,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-created,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-description,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated,.brightcove.media-frame-menu .attachment-detail .video-info .account-name,.brightcove.media-frame-menu .attachment-detail .video-info .created-date,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-id,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-type,.brightcove.media-frame-menu .attachment-detail .video-info .updated-date,.brightcove.media-frame-menu .attachment-detail .video-info .video-created,.brightcove.media-frame-menu .attachment-detail .video-info .video-description,.brightcove.media-frame-menu .attachment-detail .video-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .video-info .video-updated{clear:both;display:block;color:#999;float:left}.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-description .title,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .account-name .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .created-date .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-id .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-type .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .updated-date .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-created .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-description .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated .title,.brightcove.media-frame-menu .attachment-detail .video-info .account-name .title,.brightcove.media-frame-menu .attachment-detail .video-info .created-date .title,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-id .title,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-type .title,.brightcove.media-frame-menu .attachment-detail .video-info .updated-date .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-created .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-description .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-updated .title{margin-right:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .left-col,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-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{display:inline-block;float:left;clear:left;width:100px;padding-top:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .right-col,.brightcove.media-frame-menu .attachment-detail .playlist-details .right-col,.brightcove.media-frame-menu .attachment-detail .video-details .right-col{display:inline-block;float:left;padding-top:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .clear,.brightcove.media-frame-menu .attachment-detail .playlist-details .clear,.brightcove.media-frame-menu .attachment-detail .video-details .clear{clear:both}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-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]{width:20%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details input[type=checkbox],.brightcove.media-frame-menu .attachment-detail .playlist-details input[type=checkbox],.brightcove.media-frame-menu .attachment-detail .video-details input[type=checkbox]{margin-left:10px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details textarea,.brightcove.media-frame-menu .attachment-detail .playlist-details textarea,.brightcove.media-frame-menu .attachment-detail .video-details textarea{margin-top:10px;width:100%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details #custom,.brightcove.media-frame-menu .attachment-detail .playlist-details #custom,.brightcove.media-frame-menu .attachment-detail .video-details #custom{display:none}@media screen and (max-width:700px){.brightcove.media-frame-content{border-right-width:0;margin-right:0;padding-right:0;width:auto}}@media screen and (max-width:412px){.brightcove.media-frame-content .attachment{padding:20px 10px}}.brightcove.video-edit .image-preview,.brightcove.video-edit .setting{margin-bottom:8px}.brightcove.video-edit .image-preview .description,.brightcove.video-edit .setting .description{margin-left:0}@media screen and (min-width:900px){.brightcove.video-edit .image-preview .description,.brightcove.video-edit .setting .description{margin-left:252px}}.brightcove.video-edit .setting-content,.brightcove.video-edit select{margin-left:7px}.brightcove.video-edit .setting-content{float:left;width:64%}.brightcove.video-edit .setting-content .button-secondary{clear:left;display:inline-block}.brightcove.video-edit .attachment{cursor:pointer;padding:8px 0 0;width:auto}.brightcove.video-edit .attachment.active{display:block;max-width:100%}.brightcove.video-edit .attachment.active .check{display:block;top:9px}.brightcove.video-edit .attachment.active .button{display:none}.brightcove.video-edit .attachment img{height:auto;max-width:100%}.brightcove.video-edit .action-row{clear:both}.brightcove.video-edit .action-row .delete{color:#a00;display:inline-block;padding-top:6px}.brightcove.video-edit .label-repeater.empty-row{display:none}.brightcove.video-edit .caption-url,.brightcove.video-edit button.-captions{float:left}.brightcove.video-edit button.-captions{margin-right:1em}.brightcove.video-edit .caption-url{color:#666;line-height:28px}.brightcove.video-edit .add-remote-caption{line-height:28px}.brightcove.video-edit .caption-repeater{box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:1px solid #d5d5d5;clear:both;padding:1em 0;width:100%}.brightcove.video-edit .caption-repeater:last-child{border-bottom:0}.brightcove.video-edit .caption-repeater.empty-row{display:none}.brightcove.video-edit .caption-repeater.active{display:block}.brightcove.video-edit input.brightcove-captions{clear:both;margin-bottom:.75em;width:100%}.brightcove.video-edit input.brightcove-labels{clear:both;margin-top:.7em;margin-bottom:.2em;width:100%}.brightcove.video-edit .caption-secondary-fields{clear:both}.brightcove.video-edit .caption-secondary-fields:after,.brightcove.video-edit .caption-secondary-fields:before{content:" ";display:table}.brightcove.video-edit .caption-secondary-fields:after{clear:both}.brightcove.video-edit .caption-secondary-fields label{box-sizing:border-box;display:block;float:left;width:50%;margin-bottom:3px}.brightcove.video-edit .caption-secondary-fields label:after,.brightcove.video-edit .caption-secondary-fields label:before{content:" ";display:table}.brightcove.video-edit .caption-secondary-fields label:after{clear:both}.brightcove.video-edit .caption-secondary-fields label:first-child{padding-right:1em}.brightcove.video-edit .caption-secondary-fields label input[type=text],.brightcove.video-edit .caption-secondary-fields label select,.brightcove.video-edit .caption-secondary-fields label span{margin:0;min-width:100%;text-align:left;width:100%}.brightcove.video-edit .caption-secondary-fields label input[type=checkbox]{margin:auto}.playlist-edit.brightcove.attachment-details{width:100%;height:auto;margin-right:0;float:none;overflow:hidden;padding:20px;box-sizing:border-box}.playlist-edit.brightcove.attachment-details .settings{max-width:50%;margin-bottom:20px}.playlist-edit.brightcove.attachment-details .playlist-name{font-weight:700}.playlist-edit.brightcove.attachment-details .playlist-name span{display:inline-block;margin-right:20px;margin-left:10px}.playlist-edit.brightcove.attachment-details .playlist-name input{width:65%}.playlist-edit.brightcove.attachment-details .playlist-videos-list{border-right:1px solid #ddd;clear:both}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list,.playlist-edit.brightcove.attachment-details .playlist-videos-list{width:50%;float:left;box-sizing:border-box}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list h2,.playlist-edit.brightcove.attachment-details .playlist-videos-list h2{margin-bottom:0;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #ddd}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list ul,.playlist-edit.brightcove.attachment-details .playlist-videos-list ul{height:450px;overflow:auto}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .attachment,.playlist-edit.brightcove.attachment-details .playlist-videos-list .attachment{width:100%!important}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .thumbnail,.playlist-edit.brightcove.attachment-details .playlist-videos-list .thumbnail{width:162px;float:left}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .bc-info,.playlist-edit.brightcove.attachment-details .playlist-videos-list .bc-info{clear:none;float:left;margin-left:10px}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .row-actions,.playlist-edit.brightcove.attachment-details .playlist-videos-list .row-actions{visibility:visible;clear:both;display:block;text-align:left;position:relative;left:auto}.brightcove-labels-column{padding:8px} \ No newline at end of file +div.brightcove-messages{text-align:left;width:calc(100% - 4px)}div.brightcove-messages .updated{margin-left:0;margin-bottom:15px}div.brightcove-uploader div.brightcove-messages .updated{margin:20px 15px 2px}.brightcove-file-uploader{text-align:center}.brightcove-upload-queued-files{display:table;width:calc(100% - 20px);border:1px solid #ddd}.brightcove-pending-upload td{cursor:pointer}.brightcove-pending-upload td:first-child{width:35%}.brightcove-pending-upload td:nth-child(2){width:10%}.brightcove-pending-upload td:nth-child(3){width:20%}.brightcove-pending-upload td:nth-child(4){width:35%}.brightcove-pending-upload.selected{background-color:#35a3ca}.brightcove-pending-upload.selected td{color:#fff}.ingest-success{background-color:#00adff}.upload-success{color:#003148}.brightcove-pending-upload-details{width:30%;display:table-cell;padding:20px;background-color:#f3f3f3;text-align:left;vertical-align:top}.pending-uploads{display:table-cell;width:70%;text-align:left;vertical-align:top;background-color:#fff}.pending-uploads table.widefat{border:0}.pending-uploads .brightcove-start-upload{margin-left:10px;margin-bottom:10px}.brightcove-media .spinner,.brightcove-media-videos .spinner{float:none;margin:5px 0;vertical-align:top}.brightcove-modal .media-frame-content,.brightcove-modal .media-frame-router,.brightcove-modal .media-frame-title,.brightcove-modal .media-frame-toolbar{left:0}.brightcove-modal .brightcove-media{overflow:hidden}.brightcove-modal .brightcove .wp-filter{border:0;box-shadow:none;right:0;width:100%;margin:0}.brightcove-modal .brightcove .media-toolbar-secondary{padding:0;min-width:280px}.brightcove-modal .brightcove .media-toolbar-primary.search-form input[type=search]{float:left;margin:0;padding-bottom:0;width:200px}.brightcove-modal .brightcove #media-search{float:left;margin-left:10px;margin-right:5px}.brightcove-modal .pending-uploads{width:calc(100% - 40px);display:block;margin:20px}.brightcove-modal .brightcove-upload-queued-files{border:0;width:100%}.brightcove-modal .brightcove.media-frame-content{padding:0 20px;width:100%}@media screen and (min-width:700px){.brightcove-modal .brightcove.media-frame-content{width:calc(100% - 390px)}}.brightcove-modal .brightcove.video-preview{margin-top:20px}.brightcove-modal .video-preview-frame .brightcove.media-frame-content{padding:20px;box-sizing:border-box;border-right:1px solid #ddd;transform:translate3d(0,0,0)}.brightcove-modal .video-preview-frame .brightcove.brightcove.media-frame-menu{padding-top:20px}@media screen and (max-width:900px){.media-frame:not(.hide-menu) .media-frame-menu{width:300px}}.brightcove.media-frame-menu .attachment-detail .playlist-details label.experiencelabel,.brightcove.media-frame-menu .attachment-detail .video-details label.experiencelabel,select.experienceplayer{width:100%}.bc-page-icon{padding-right:5px;padding-top:5px}.notice{margin:5px 20px 2px 0}.brightcove-media-videos .error{margin:5px 20px 10px 0;text-align:left}.brightcove-media.playlist,.brightcove.media-frame-content{border-bottom:none;border-right:1px solid #ddd;border-top:none;position:static;width:calc(100% - 370px);float:left;margin-right:30px;padding-right:20px}.brightcove-media.playlist .video-preview,.brightcove.media-frame-content .video-preview{padding-bottom:56.25%;position:relative}.brightcove-media.playlist .video-preview iframe,.brightcove.media-frame-content .video-preview iframe{height:100%;position:absolute;width:100%}.brightcove-media.playlist .brightcove-buttons,.brightcove.media-frame-content .brightcove-buttons{float:right;margin-top:20px}.brightcove-media.playlist.edit-view,.brightcove.media-frame-content.edit-view{width:calc(100% - 20px);border-right:none;height:auto}.brightcove-media.playlist .video-edit,.brightcove.media-frame-content .video-edit{max-width:721px;padding:5px}.brightcove-buttons .delete{color:#a00;padding-top:6px;display:inline-block}.brightcove-buttons .delete:hover{color:red}.brightcove.media-frame-router{position:relative;left:0;top:auto;height:auto}.brightcove.media-frame-router a.brightcove-toolbar{margin-left:1em}.brightcove.media-frame-menu{left:inherit;width:300px;position:relative;padding-top:0;left:auto;right:auto;top:auto;bottom:auto;float:left}.brightcove.media-frame-menu .brightcove-buttons::after{clear:both;content:"";display:table}.brightcove.media-frame-menu .more-actions{float:right}.brightcove.media-toolbar{padding:0}.brightcove.media-toolbar .wp-filter{padding:0 16px}.brightcove.media-toolbar .media-toolbar-secondary{margin:8px}@media screen and (max-width:780px){.brightcove.media-toolbar .brightcove.media-toolbar-secondary{margin:4px}}@media screen and (min-width:1500px){.brightcove-media.playlist .video-preview,.brightcove.media-frame-content .video-preview{padding-bottom:43.25%}}.brightcove .media-toolbar{position:relative;right:10px;width:calc(100% - 10px);height:auto}@media screen and (min-width:782px){.brightcove .media-toolbar{right:20px;width:calc(100% - 20px)}}.brightcove .media-toolbar-secondary{padding:12px 0;box-sizing:border-box}.wp-core-ui .brightcove.attachment{float:none}.wp-core-ui .brightcove.attachment.details:focus,.wp-core-ui .brightcove.attachment:focus,.wp-core-ui .selected.brightcove.attachment:focus{box-shadow:none}.brightcove.media-frame-content,.playlist-edit-container{background-color:transparent}.brightcove.media-frame-content .spinner,.playlist-edit-container .spinner{display:inline-block;margin:7px;visibility:visible}.brightcove.media-frame-content .spinner.hidden,.playlist-edit-container .spinner.hidden{visibility:hidden}.brightcove.media-frame-content .menu-visible .highlighted .thumbnail,.playlist-edit-container .menu-visible .highlighted .thumbnail{box-shadow:0 0 2px 5px #5b9dd9;outline:0}.brightcove.media-frame-content ul,.playlist-edit-container ul{text-align:justify}.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{display:inline-block;margin:0;vertical-align:top;word-wrap:break-word;padding:10px;width:100%}@media screen and (min-width:700px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:50%}}@media screen and (min-width:1000px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:33%}}@media screen and (min-width:1200px){.brightcove.media-frame-content .attachment,.playlist-edit-container .attachment{width:25%}}.brightcove.media-frame-content .attachment .attachment-preview,.playlist-edit-container .attachment .attachment-preview{background-color:transparent;box-shadow:none}.brightcove.media-frame-content .attachment .attachment-preview:before,.playlist-edit-container .attachment .attachment-preview:before{display:none}.brightcove.media-frame-content .attachment .thumbnail,.playlist-edit-container .attachment .thumbnail{overflow:hidden;position:relative;margin-bottom:10px}.brightcove.media-frame-content .attachment .thumbnail:after,.playlist-edit-container .attachment .thumbnail:after{display:none}.brightcove.media-frame-content .attachment .thumbnail img,.playlist-edit-container .attachment .thumbnail img{display:block;position:relative;width:100%;height:auto}.brightcove.media-frame-content .attachment .thumbnail .processing,.playlist-edit-container .attachment .thumbnail .processing{position:absolute;z-index:9999;top:0;left:0;width:100%;text-align:center;background:rgba(50,50,50,.7);color:#fff;font-size:12px;height:100%}.brightcove.media-frame-content .attachment .thumbnail .processing span,.playlist-edit-container .attachment .thumbnail .processing span{position:absolute;top:50%;margin-top:-9px;width:100%;left:0;text-align:center}.brightcove.media-frame-content .attachment .thumbnail .duration,.brightcove.media-frame-content .attachment .thumbnail .video-count,.playlist-edit-container .attachment .thumbnail .duration,.playlist-edit-container .attachment .thumbnail .video-count{background-color:#fff;bottom:0;padding:3px;position:absolute;right:0;width:auto;z-index:1000}.brightcove.media-frame-content .attachment .bc-info,.playlist-edit-container .attachment .bc-info{clear:both;display:block;height:auto;padding:1px;position:relative}.brightcove.media-frame-content .attachment .bc-info .bc-name,.playlist-edit-container .attachment .bc-info .bc-name{background-color:transparent;box-shadow:none!important;clear:both;display:inline;float:left;font-weight:700;height:auto;text-align:left!important;top:95px;word-break:break-word}.brightcove.media-frame-content .attachment .bc-info .bc-name div,.playlist-edit-container .attachment .bc-info .bc-name div{padding:0}.brightcove.media-frame-content .attachment .bc-info .bc-updated,.playlist-edit-container .attachment .bc-info .bc-updated{clear:both;color:#999;float:left;font-weight:400;height:100%}.brightcove.media-frame-content .attachment .media-actions,.playlist-edit-container .attachment .media-actions{clear:both;text-align:right}.brightcove.media-frame-content .attachment .media-actions .button,.playlist-edit-container .attachment .media-actions .button{margin-left:1em}@media screen and (min-width:700px){.brightcove.media-frame-content .attachment .media-actions,.playlist-edit-container .attachment .media-actions{display:none}}.brightcove.media-frame-content .brightcove-datetime-wrapper,.playlist-edit-container .brightcove-datetime-wrapper{display:-ms-flexbox;display:flex}.brightcove.media-frame-content .brightcove-datetime-colon,.playlist-edit-container .brightcove-datetime-colon{width:10px;min-width:auto;margin-right:0;font-size:14px}.brightcove.media-frame-content .schedule-end-date,.brightcove.media-frame-content .schedule-start-date,.playlist-edit-container .schedule-end-date,.playlist-edit-container .schedule-start-date{margin-right:calc(4% + 7px)}.brightcove.media-frame-menu{height:100%;box-sizing:border-box}.brightcove.media-frame-menu .attachment-detail .thumbnail{clear:both;position:relative}.brightcove.media-frame-menu .attachment-detail .thumbnail img{display:block;max-width:100%;height:auto}.brightcove.media-frame-menu .attachment-detail .thumbnail .processing{position:absolute;z-index:9999;top:0;left:0;width:100%;text-align:center;background:rgba(50,50,50,.7);color:#fff;font-size:12px;height:100%}.brightcove.media-frame-menu .attachment-detail .thumbnail .processing span{position:absolute;top:50%;margin-top:-6px;width:100%;left:0;text-align:center}.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-duration,.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-video-count{bottom:0;padding:0;position:absolute;right:0;z-index:1000}.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-duration span,.brightcove.media-frame-menu .attachment-detail .thumbnail .detail-video-count span{background-color:#fff;float:right;padding:3px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info,.brightcove.media-frame-menu .attachment-detail .playlist-info,.brightcove.media-frame-menu .attachment-detail .video-info{margin:10px 0;overflow:hidden}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-name,.brightcove.media-frame-menu .attachment-detail .video-info .inpageexperiences-name,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-name,.brightcove.media-frame-menu .attachment-detail .video-info .video-name{clear:both;float:left;font-size:130%;font-weight:700;margin:5px 0 10px 0;word-break:break-word}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .bc-video-section,.brightcove.media-frame-menu .attachment-detail .playlist-info .bc-video-section,.brightcove.media-frame-menu .attachment-detail .video-info .bc-video-section{display:block;float:left;height:auto;margin-bottom:20px;width:100%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .brightcove-player,.brightcove.media-frame-menu .attachment-detail .playlist-info .brightcove-player,.brightcove.media-frame-menu .attachment-detail .video-info .brightcove-player{display:block;padding:3px 0}.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-description,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated,.brightcove.media-frame-menu .attachment-detail .playlist-info .account-name,.brightcove.media-frame-menu .attachment-detail .playlist-info .created-date,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-id,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-type,.brightcove.media-frame-menu .attachment-detail .playlist-info .updated-date,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-created,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-description,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated,.brightcove.media-frame-menu .attachment-detail .video-info .account-name,.brightcove.media-frame-menu .attachment-detail .video-info .created-date,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-id,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-type,.brightcove.media-frame-menu .attachment-detail .video-info .updated-date,.brightcove.media-frame-menu .attachment-detail .video-info .video-created,.brightcove.media-frame-menu .attachment-detail .video-info .video-description,.brightcove.media-frame-menu .attachment-detail .video-info .video-long-description,.brightcove.media-frame-menu .attachment-detail .video-info .video-updated{clear:both;display:block;color:#999;float:left}.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-description .title,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-info .video-updated .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .account-name .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .created-date .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-id .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .playlist-type .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .updated-date .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-created .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-description .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .playlist-info .video-updated .title,.brightcove.media-frame-menu .attachment-detail .video-info .account-name .title,.brightcove.media-frame-menu .attachment-detail .video-info .created-date .title,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-id .title,.brightcove.media-frame-menu .attachment-detail .video-info .playlist-type .title,.brightcove.media-frame-menu .attachment-detail .video-info .updated-date .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-created .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-description .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-long-description .title,.brightcove.media-frame-menu .attachment-detail .video-info .video-updated .title{margin-right:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .left-col,.brightcove.media-frame-menu .attachment-detail .inpageexperiences-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{display:inline-block;float:left;clear:left;width:100px;padding-top:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .right-col,.brightcove.media-frame-menu .attachment-detail .playlist-details .right-col,.brightcove.media-frame-menu .attachment-detail .video-details .right-col{display:inline-block;float:left;padding-top:5px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details .clear,.brightcove.media-frame-menu .attachment-detail .playlist-details .clear,.brightcove.media-frame-menu .attachment-detail .video-details .clear{clear:both}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-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]{width:20%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details input[type=checkbox],.brightcove.media-frame-menu .attachment-detail .playlist-details input[type=checkbox],.brightcove.media-frame-menu .attachment-detail .video-details input[type=checkbox]{margin-left:10px}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details textarea,.brightcove.media-frame-menu .attachment-detail .playlist-details textarea,.brightcove.media-frame-menu .attachment-detail .video-details textarea{margin-top:10px;width:100%}.brightcove.media-frame-menu .attachment-detail .inpageexperiences-details #custom,.brightcove.media-frame-menu .attachment-detail .playlist-details #custom,.brightcove.media-frame-menu .attachment-detail .video-details #custom{display:none}@media screen and (max-width:700px){.brightcove.media-frame-content{border-right-width:0;margin-right:0;padding-right:0;width:auto}}@media screen and (max-width:412px){.brightcove.media-frame-content .attachment{padding:20px 10px}}.brightcove.video-edit .image-preview,.brightcove.video-edit .setting{margin-bottom:8px}.brightcove.video-edit .image-preview .description,.brightcove.video-edit .setting .description{margin-left:0}@media screen and (min-width:900px){.brightcove.video-edit .image-preview .description,.brightcove.video-edit .setting .description{margin-left:252px}}.brightcove.video-edit .setting-content,.brightcove.video-edit select{margin-left:7px}.brightcove.video-edit .setting-content{float:left;width:64%}.brightcove.video-edit .setting-content .button-secondary{clear:left;display:inline-block}.brightcove.video-edit .attachment{cursor:pointer;padding:8px 0 0;width:auto}.brightcove.video-edit .attachment.active{display:block;max-width:100%}.brightcove.video-edit .attachment.active .check{display:block;top:9px}.brightcove.video-edit .attachment.active .button{display:none}.brightcove.video-edit .attachment img{height:auto;max-width:100%}.brightcove.video-edit .action-row{clear:both}.brightcove.video-edit .action-row .delete{color:#a00;display:inline-block;padding-top:6px}.brightcove.video-edit .label-repeater.empty-row{display:none}.brightcove.video-edit .caption-url,.brightcove.video-edit button.-captions{float:left}.brightcove.video-edit button.-captions{margin-right:1em}.brightcove.video-edit .caption-url{color:#666;line-height:28px}.brightcove.video-edit .add-remote-caption{line-height:28px}.brightcove.video-edit .caption-repeater{box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:1px solid #d5d5d5;clear:both;padding:1em 0;width:100%}.brightcove.video-edit .caption-repeater:last-child{border-bottom:0}.brightcove.video-edit .caption-repeater.empty-row{display:none}.brightcove.video-edit .caption-repeater.active{display:block}.brightcove.video-edit input.brightcove-captions{clear:both;margin-bottom:.75em;width:100%}.brightcove.video-edit input.brightcove-labels{clear:both;margin-top:.7em;margin-bottom:.2em;width:100%}.brightcove.video-edit .caption-secondary-fields{clear:both}.brightcove.video-edit .caption-secondary-fields:after,.brightcove.video-edit .caption-secondary-fields:before{content:" ";display:table}.brightcove.video-edit .caption-secondary-fields:after{clear:both}.brightcove.video-edit .caption-secondary-fields label{box-sizing:border-box;display:block;float:left;width:50%;margin-bottom:3px}.brightcove.video-edit .caption-secondary-fields label:after,.brightcove.video-edit .caption-secondary-fields label:before{content:" ";display:table}.brightcove.video-edit .caption-secondary-fields label:after{clear:both}.brightcove.video-edit .caption-secondary-fields label:first-child{padding-right:1em}.brightcove.video-edit .caption-secondary-fields label input[type=text],.brightcove.video-edit .caption-secondary-fields label select,.brightcove.video-edit .caption-secondary-fields label span{margin:0;min-width:100%;text-align:left;width:100%}.brightcove.video-edit .caption-secondary-fields label input[type=checkbox]{margin:auto}.playlist-edit.brightcove.attachment-details{width:100%;height:auto;margin-right:0;float:none;overflow:hidden;padding:20px;box-sizing:border-box}.playlist-edit.brightcove.attachment-details .settings{max-width:50%;margin-bottom:20px}.playlist-edit.brightcove.attachment-details .playlist-name{font-weight:700}.playlist-edit.brightcove.attachment-details .playlist-name span{display:inline-block;margin-right:20px;margin-left:10px}.playlist-edit.brightcove.attachment-details .playlist-name input{width:65%}.playlist-edit.brightcove.attachment-details .playlist-videos-list{border-right:1px solid #ddd;clear:both}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list,.playlist-edit.brightcove.attachment-details .playlist-videos-list{width:50%;float:left;box-sizing:border-box}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list h2,.playlist-edit.brightcove.attachment-details .playlist-videos-list h2{margin-bottom:0;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #ddd}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list ul,.playlist-edit.brightcove.attachment-details .playlist-videos-list ul{height:450px;overflow:auto}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .attachment,.playlist-edit.brightcove.attachment-details .playlist-videos-list .attachment{width:100%!important}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .thumbnail,.playlist-edit.brightcove.attachment-details .playlist-videos-list .thumbnail{width:162px;float:left}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .bc-info,.playlist-edit.brightcove.attachment-details .playlist-videos-list .bc-info{clear:none;float:left;margin-left:10px}.playlist-edit.brightcove.attachment-details .playlist-add-videos-list .row-actions,.playlist-edit.brightcove.attachment-details .playlist-videos-list .row-actions{visibility:visible;clear:both;display:block;text-align:left;position:relative;left:auto}.brightcove-labels-column{padding:8px} \ No newline at end of file diff --git a/assets/scss/components/_modals.scss b/assets/scss/components/_modals.scss index 9e4a5166..3487e698 100644 --- a/assets/scss/components/_modals.scss +++ b/assets/scss/components/_modals.scss @@ -25,6 +25,7 @@ .media-toolbar-primary.search-form{ input[type=search] { float: left; + margin: 0; padding-bottom: 0px; width: 200px; } From 0efb1a3ba67b8ed7138829f99eb7915a0fd5bc62 Mon Sep 17 00:00:00 2001 From: "mohammed.razzaq" Date: Tue, 20 Feb 2024 12:56:14 +0530 Subject: [PATCH 2/2] Fix linting --- assets/scss/components/_modals.scss | 151 +++++++++++++++------------- 1 file changed, 79 insertions(+), 72 deletions(-) diff --git a/assets/scss/components/_modals.scss b/assets/scss/components/_modals.scss index 3487e698..104387c1 100644 --- a/assets/scss/components/_modals.scss +++ b/assets/scss/components/_modals.scss @@ -1,84 +1,91 @@ .brightcove-modal { - .media-frame-title, - .media-frame-router, - .media-frame-content, - .media-frame-toolbar { - left: 0; - } + .media-frame-title, + .media-frame-router, + .media-frame-content, + .media-frame-toolbar { + left: 0; + } - .brightcove-media { - overflow: hidden; - } + .brightcove-media { + overflow: hidden; + } - .brightcove { - .wp-filter { - border: 0; - box-shadow: none; - right: 0; - width: 100%; - margin: 0; - } - .media-toolbar-secondary { - padding: 0; - min-width: 280px; - } - .media-toolbar-primary.search-form{ - input[type=search] { - float: left; - margin: 0; - padding-bottom: 0px; - width: 200px; - } - } + .brightcove { + .wp-filter { + border: 0; + box-shadow: none; + right: 0; + width: 100%; + margin: 0; + } - #media-search { - float: left; - margin-left: 10px; - margin-right: 5px; - } - } + .media-toolbar-secondary { + padding: 0; + min-width: 280px; + } - .pending-uploads { - width: calc(100% - 40px); - display: block; - margin: 20px; - } + .media-toolbar-primary.search-form { + input[type=search] { + float: left; + margin: 0; + padding-bottom: 0px; + width: 200px; + } + } - .brightcove-upload-queued-files { - border: 0; - width: 100%; - } + #media-search { + float: left; + margin-left: 10px; + margin-right: 5px; + } + } - .brightcove.media-frame-content { - padding: 0 20px; - width: 100%; - @media screen and (min-width: 700px){ - width: calc(100% - 390px); - } - } + .pending-uploads { + width: calc(100% - 40px); + display: block; + margin: 20px; + } - .brightcove.video-preview { - margin-top: 20px; - } + .brightcove-upload-queued-files { + border: 0; + width: 100%; + } - .video-preview-frame { - .brightcove { - &.media-frame-content { - padding: 20px; - box-sizing: border-box; - border-right: 1px solid #ddd; - transform: translate3d(0,0,0); - } - &.brightcove.media-frame-menu { - padding-top: 20px; - } - } - } -} -.media-frame:not(.hide-menu) .media-frame-menu{ - @media screen and (max-width: 900px){ - width: 300px; + .brightcove.media-frame-content { + padding: 0 20px; + width: 100%; + @media screen and (min-width: 700px) { + width: calc(100% - 390px); } + } + + .brightcove.video-preview { + margin-top: 20px; + } + + .video-preview-frame { + .brightcove { + &.media-frame-content { + padding: 20px; + box-sizing: border-box; + border-right: 1px solid #ddd; + transform: translate3d(0, 0, 0); + } + &.brightcove.media-frame-menu { + padding-top: 20px; + } + } + } } -.brightcove.media-frame-menu .attachment-detail .playlist-details label.experiencelabel, .brightcove.media-frame-menu .attachment-detail .video-details label.experiencelabel, select.experienceplayer { width: 100%; } +.media-frame:not(.hide-menu) .media-frame-menu { + @media screen and (max-width: 900px) { + width: 300px; + } +} + +.brightcove.media-frame-menu .attachment-detail .playlist-details label.experiencelabel, +.brightcove.media-frame-menu .attachment-detail .video-details label.experiencelabel, +select.experienceplayer { + width: 100%; +}