mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-12-23 11:52:35 -05:00
d9b1d6cab1
* Update .gitignore * feat: Improve Visual Distinction Between Trim and Chapters Editors * fix: Convert timeline header styles to CSS classes Moved inline styles for timeline headers in chapters and video editors to dedicated CSS classes for better maintainability and consistency. * Bump version to 7.3.0 Update the VERSION in cms/version.py to 7.3.0 for the new release. * build assets * Update segment color schemes in video and chapters editor. * build assets * build assets * fix: Prevent Safari from resetting segments after drag operations Prevent Safari from resetting segments when loadedmetadata fires multiple times and fix stale state issues in click handlers by using refs instead of closure variables. * build assets * Bump version to 7.3.0-beta.3 Update the VERSION string in cms/version.py to reflect the new pre-release version 7.3.0-beta.3.
2 lines
9.8 KiB
CSS
2 lines
9.8 KiB
CSS
dialog{background-color:var(--add-media-page-tmplt-dialog-bg-color)}.media-uploader{background-color:var(--add-media-page-tmplt-uploader-bg-color)}.media-dropzone{background-color:var(--add-media-page-tmplt-dropzone-bg-color)}.media-drag-drop-content-inner{color:var(--add-media-page-tmplt-drag-drop-inner-text-color)}.media-upload-item-spinner i{color:var(--add-media-page-tmplt-upload-item-spiner-text-color)}.media-upload-item-top-actions>*,.media-upload-item-bottom-actions>*{color:var(--add-media-page-tmplt-upload-item-actions-text-color)}.media-upload-item-upload-size{color:var(--add-media-page-tmplt-upload-item-actions-text-color)}.media-drag-drop-inner,.media-upload-item-thumb,.media-upload-item-spinner,.media-upload-item-name .media-upload-item-filename-input,.media-upload-item-bottom-actions>*,.retry-media-upload-item,.media-upload-item-progress-bar-container{background-color:var(--sidebar-bg-color)}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.media-uploader-wrap{position:relative;width:100%;max-width:1324px;padding:8px 8px;margin:0 auto 1em auto}.pre-upload-msg{display:block;margin:16px 0;font-size:14px;font-weight:400;text-align:center}.media-uploader{position:relative;display:block;padding:.75rem;width:100%}.media-uploader:after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:5px;left:0;opacity:1;pointer-events:none;-webkit-box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06);box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06)}.media-uploader-top-wrap{position:relative;padding:0 0 1.5em}.media-uploader-top-wrap h1{display:block;font-size:16px;font-weight:500;line-height:1.25em;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.media-uploader-bottom-wrap{position:relative;display:inline-block;width:100%}.media-uploader-top-left-wrap,.media-uploader-top-right-wrap{position:relative;width:50%}.media-uploader-bottom-left-wrap,.media-uploader-bottom-right-wrap{position:relative;display:inline-block;vertical-align:top;width:100%}.media-uploader-bottom-left-wrap{min-height:225px;height:0;padding-top:75%}@media screen and (min-width: 480px){.media-uploader-bottom-left-wrap{padding-top:62.5%}}@media screen and (min-width: 768px){.media-uploader-bottom-left-wrap{padding-top:56.25%}}@media screen and (min-width: 1024px){.media-uploader-bottom-left-wrap{position:absolute;top:0;left:0;width:40%;height:100%;padding:0}}.media-uploader-bottom-right-wrap{float:right}@media screen and (min-width: 1024px){.media-uploader-bottom-right-wrap{width:60%}}dialog{padding:32px 24px 16px;border:0;-webkit-box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px -5px;box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px -5px;display:none}dialog[open]{display:block}dialog::-webkit-backdrop{background-color:rgba(0,0,0,.5)}dialog::-ms-backdrop{background-color:rgba(0,0,0,.5)}dialog::backdrop{background-color:rgba(0,0,0,.5)}dialog .qq-dialog-buttons{padding-top:16px;text-align:center}dialog .qq-dialog-buttons button{font-size:14px;font-stretch:100%;font-weight:500;line-height:20px;letter-spacing:.007px;text-align:center;padding:10px 16px;margin:0;border:0;background:none;text-transform:uppercase}dialog .qq-dialog-message-selector{padding-bottom:16px}.media-drag-drop-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:.75rem;padding-left:.75rem;padding-right:.75rem;padding-bottom:.75rem}@media screen and (min-width: 1024px){.media-drag-drop-wrap{position:relative;padding-right:0}}.media-drag-drop-inner{height:100%;display:block}.media-drag-drop-content{display:table;width:100%;height:100%}.media-drag-drop-content-inner{position:relative;display:table-cell;text-align:center;vertical-align:middle;padding-bottom:1rem;font-family:Arial,sans-serif}.media-drag-drop-content-inner span{display:block}.media-drag-drop-content-inner span:nth-child(2){margin-top:.25rem;margin-bottom:.25rem}.media-drag-drop-content-inner .material-icons{padding:0;margin:0;font-size:4em;line-height:1;opacity:.5}.media-drag-drop-content-inner .browse-files-btn-wrap{margin-top:.75rem;font-size:14px}.media-drag-drop-content-inner .browse-files-btn-wrap span{display:inline-block;padding:.75rem 1rem;color:#fff;border-radius:1px}.media-dropzone{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.media-upload-items-list{position:relative;display:block;margin:0 .75rem .75rem .75rem;padding:0;overflow:auto;max-height:80vh;list-style:none}@media screen and (min-width: 1024px){.media-upload-items-list{min-height:320px}}.media-upload-items-list li{position:relative;float:left;width:100%;padding:.75rem 0 0;margin:0 0 1.5rem}@media screen and (min-width: 1024px){.media-upload-items-list li{padding:.75rem .75rem 0}}.media-upload-items-list li:before{content:"";position:absolute;top:-0.375rem;left:0;right:0;display:block;height:1px}@media screen and (min-width: 1024px){.media-upload-items-list li:before{left:.75rem;right:.75rem}}.media-upload-items-list li:before{background-color:rgba(17,17,17,.06)}.media-upload-items-list li:first-child:before{display:none}.media-upload-items-list li:last-child{margin-bottom:0}.media-upload-item-thumb{position:absolute;top:0;left:0;display:inline-block;width:80px;height:80px}@media screen and (min-width: 480px){.media-upload-item-thumb{width:100px;height:100px}}.media-upload-item-thumb{overflow:hidden;border-radius:1px}.media-upload-item-thumb img{height:100%;min-width:100%;width:auto}.qq-upload-fail .media-upload-item-thumb img{display:none}.media-upload-item-spinner{position:absolute;top:0;left:0;display:block;width:80px;height:80px;line-height:78px}@media screen and (min-width: 480px){.media-upload-item-spinner{width:100px;height:100px;line-height:98px}}.media-upload-item-spinner{text-align:center}.media-upload-item-spinner i{padding:0;line-height:1;font-size:1.5em;-webkit-animation-name:spin;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.media-upload-item-details{position:relative;display:block;min-height:80px;margin:0 auto 0 96px}@media screen and (min-width: 480px){.media-upload-item-details{min-height:100px;margin:0 auto 0 116px}}.media-upload-item-name{position:relative;font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;display:block;padding-right:.75rem;margin-bottom:.5rem;margin-right:8rem;font-weight:500}.media-upload-item-name.qq-editable{margin-right:10rem}.media-upload-item-name>span{line-height:20px;overflow:hidden;text-overflow:ellipsis;background-color:rgba(0,0,0,0);display:block;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.media-upload-item-name .media-upload-item-filename-input{width:100%;height:30px;line-height:30px;padding:0 .5rem;display:none}.media-upload-item-name .media-upload-item-filename-input.qq-editing{display:inline-block}.view-uploaded-media-link{font-weight:500}.media-upload-item-top-actions>*,.media-upload-item-bottom-actions>*{margin:0;border:0;background:none;text-decoration:none}.media-upload-item-top-actions .material-icons,.media-upload-item-bottom-actions .material-icons{padding:0;display:inline-block}.media-upload-item-top-actions{position:absolute;top:0;right:0}.media-upload-item-top-actions>*{padding:.125rem .25rem;font-size:13px}.media-upload-item-top-actions>*:not(.qq-hide)~*{margin-left:.25rem}.media-upload-item-top-actions>*:last-child{padding-right:0}.media-upload-item-top-actions>* .material-icons{font-size:15px;line-height:1em;vertical-align:middle;vertical-align:text-bottom}.media-upload-item-top-actions .filename-edit{display:none}.media-upload-item-top-actions .filename-edit.qq-editable{display:block}.media-upload-item-bottom-actions{position:relative;width:100%;float:left}.media-upload-item-bottom-actions>*{float:left;line-height:2;padding:0 .5rem 0 .25rem;margin-top:.5rem;font-family:Arial,sans-serif;font-size:13px;border-radius:1px}.media-upload-item-bottom-actions>*:not(.qq-hide)~*{margin-left:.5rem}.media-upload-item-bottom-actions>*:hover{color:#fff}.media-upload-item-bottom-actions>* .material-icons{font-size:20px;vertical-align:middle}.retry-media-upload-item{position:absolute;top:50%;left:50%;width:4rem;line-height:1.75rem;margin-top:-0.875rem;margin-left:-2rem;padding:0 .25rem 0 0;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;border:0;border-radius:1px}.retry-media-upload-item:hover{color:#fff}.retry-media-upload-item .material-icons{font-size:20px;vertical-align:middle}.media-upload-item-main{position:relative;width:100%;float:left}.media-upload-item-progress-bar-container{position:relative;width:100%;display:inline-block;margin-bottom:.5rem;overflow:hidden;border-radius:1px}.media-upload-item-progress-bar-container .media-upload-item-progress-bar{position:relative;height:.5rem}.media-upload-item-details-bottom{position:relative;width:100%;float:left;padding-bottom:.25rem}.media-upload-item-upload-size{position:relative;width:auto;float:left;font-size:12px;font-family:Arial,sans-serif}.media-upload-item-status-text{position:relative;width:auto;float:right;font-size:12px;font-weight:500;font-family:Arial,sans-serif}.qq-upload-fail .media-upload-item-status-text{font-weight:bold}.qq-hide{display:none}
|