mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-11-12 18:38:52 -05:00
5eb6fafb8c
* Refactor chapter filtering and auto-save logic Simplified chapter filtering to only exclude empty titles, allowing default chapter names. Updated auto-save logic to skip saving when there are no chapters or mediaId. Removed unused helper function and improved debug logging. * Show default chapter title in editor and set initial title The chapter title is now always displayed in the textarea, including default names like 'Chapter 1'. Also, the initial segment is created with 'Chapter 1' as its title instead of an empty string for better clarity. * build assets
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}
|