diff --git a/src/Bridge/Sylius/assets/styles/media-show.css b/src/Bridge/Sylius/assets/styles/media-show.css index 52f3447d..4f037eb0 100644 --- a/src/Bridge/Sylius/assets/styles/media-show.css +++ b/src/Bridge/Sylius/assets/styles/media-show.css @@ -132,6 +132,29 @@ gap: 0.25rem; font-size: 0.875rem; color: var(--gray-700); + min-width: 0; +} + +.folder-modal-breadcrumb a, +.folder-modal-breadcrumb .breadcrumb-current { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 12ch; +} + +@media (min-width: 576px) { + .folder-modal-breadcrumb a, + .folder-modal-breadcrumb .breadcrumb-current { + max-width: 20ch; + } +} + +@media (min-width: 768px) { + .folder-modal-breadcrumb a, + .folder-modal-breadcrumb .breadcrumb-current { + max-width: 30ch; + } } [data-bs-theme="dark"] { diff --git a/src/Bridge/Sylius/public/entrypoints.json b/src/Bridge/Sylius/public/entrypoints.json index 3141bc9e..13b12129 100644 --- a/src/Bridge/Sylius/public/entrypoints.json +++ b/src/Bridge/Sylius/public/entrypoints.json @@ -2,7 +2,7 @@ "entrypoints": { "joli-media-sylius-admin": { "css": [ - "./joli-media-sylius-admin.2f351929.css" + "./joli-media-sylius-admin.9c601f8f.css" ], "js": [ "./joli-media-sylius-admin.dc8dd6d7.js" diff --git a/src/Bridge/Sylius/public/joli-media-sylius-admin.2f351929.css b/src/Bridge/Sylius/public/joli-media-sylius-admin.9c601f8f.css similarity index 87% rename from src/Bridge/Sylius/public/joli-media-sylius-admin.2f351929.css rename to src/Bridge/Sylius/public/joli-media-sylius-admin.9c601f8f.css index 8a04a7d1..4e537300 100644 --- a/src/Bridge/Sylius/public/joli-media-sylius-admin.2f351929.css +++ b/src/Bridge/Sylius/public/joli-media-sylius-admin.9c601f8f.css @@ -1 +1 @@ -:root{--jm-color-primary:#b9c6dc;--jm-color-secondary:#899ebc;--jm-color-gray-100:#f8fafc;--jm-color-gray:#4b4b4b;--jm-color-black:#000;--jm-color-white:#fff;--jm-border-color:#e2e8f0}.code-preview{display:flex;pre{flex-grow:1;margin:0 1rem 0 0;overflow:auto;padding:.5rem}}.jm-box{--jm-box-background-color:var(--gray-50);--code-color:var(--jm-code-color)}[data-bs-theme=dark]{.jm-box{--jm-box-background-color:var(--true-gray-800)}}.jm-box{background-color:var(--jm-box-background-color);border:1px solid var(--gray-200);border-radius:.25rem;padding:.625rem}.clipboard-btn.is-copied,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active:focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover{--button-bg:#22b99a;--button-hover-bg:#22b99a;--button-focus-outline-color:#22b99a;background-color:#22b99a;border-color:#22b99a;color:#fff}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{display:inline-block;margin:.5em;position:relative;width:120px}.dropzone .dz-preview .dz-progress{border:1px solid #aaa;display:block;height:15px}.dropzone .dz-preview .dz-progress .dz-upload{background:green;display:block;height:100%;width:0}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;height:58px;left:30px;left:50%;margin-left:-27px;position:absolute;top:30px;width:54px}:root{--jm-dropzone-color:#293a53;--jm-dropzone-border-color:#aab6c8;--jm-dropzone-bg-color:#f8fafc;--jm-color-green:#00a65a;--jm-color-red:#dd4b39}[data-bs-theme=dark]{.dropzone{--jm-dropzone-color:#c4d0e0;--jm-dropzone-border-color:#4b5563;--jm-dropzone-bg-color:#1f2937}}.dropzone-container{display:none;margin-top:1rem}.dropzone-container.dropzone-active{display:block}.dropzone-container input[type=file]{display:none}.dropzone{background-color:var(--jm-dropzone-bg-color);border:2px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:flex;flex-wrap:wrap;margin-top:1rem;min-height:auto;z-index:100}.dropzone .dz-message{cursor:pointer;font-size:1.4375rem;margin:0;padding:5rem 1.25rem;width:100%}.dropzone .dz-button{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0 auto;outline:inherit;padding:0}.dropzone.dz-started .dz-message{display:none}.dropzone .dz-details{font-size:15px}.dropzone .dz-preview{width:180px}.dropzone .dz-preview .dz-progress{border:none;border-radius:5px;height:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background-color:var(--jm-color-green)}.dropzone .dz-preview.dz-complete .dz-progress{display:none}.dropzone .dz-preview .dz-error-marker{color:var(--jm-color-red);display:none;margin-right:.25rem}.dropzone .dz-preview .dz-success-marker{color:var(--jm-color-green);display:none;margin-right:.25rem}.dropzone .dz-preview.dz-error .dz-error-marker{display:inline-block}.dropzone .dz-preview.dz-error .dz-error-message{color:var(--jm-color-red);display:block;font-size:.875rem}.dropzone .dz-preview.dz-error .dz-image.media-preview{display:none}.dropzone .dz-preview.dz-success .dz-success-marker{display:inline-block}.dropzone .dz-preview a[data-dz-link]{align-items:center;display:flex;flex-wrap:wrap;height:109px;place-content:center;width:180px}.dz-preview-template{display:none}.gallery-list-item{--gallery-list-item-icon-color:var(--jm-color-primary);--gallery-list-item-color:var(--black)}.gallery-list-item:active,.gallery-list-item:focus-visible,.gallery-list-item:hover{--gallery-list-item-name-color:var(--jm-color-secondary)}.gallery-list-item--back{--gallery-list-item-icon-color:var(--jm-color-gray)}.gallery-grid{--gallery-grid-item-name-font-weight:400;--gallery-grid-item-name-color:var(--black)}.gallery-grid--folders{--gallery-grid-item-name-font-weight:600;--gallery-grid-item-name-height:auto;--gallery-grid-item-name-break-word:break-word}.gallery-grid--files{--gallery-grid-item-name-height:2lh;--gallery-grid-item-name-break-word:break-all}.gallery-grid-item{--gallery-grid-item-icon-background-color:var(--jm-color-gray-100);--gallery-grid-item-icon-color:var(--jm-color-primary);--gallery-grid-item-icon-border-color:var(--jm-color-gray-200)}.gallery-grid-item--back{--gallery-grid-item-icon-color:var(--jm-color-gray)}.gallery-grid-item__link:active,.gallery-grid-item__link:focus-visible,.gallery-grid-item__link:hover{--gallery-grid-item-icon-color:var(--jm-color-secondary);--gallery-grid-item-name-color:var(--jm-color-secondary);--gallery-grid-item-hover-icon-color:var(--jm-color-secondary)}[data-bs-theme=dark]{.gallery-list-item{--gallery-list-item-icon-color:var(--true-gray-400);--gallery-list-item-color:var(--true-gray-300)}.gallery-grid{--gallery-grid-item-name-color:var(--true-gray-300)}.gallery-grid-item{--gallery-grid-item-icon-background-color:var(--true-gray-800);--gallery-grid-item-icon-color:var(--jm-color-gray-200);--gallery-grid-item-icon-border-color:var(--true-gray-600)}.gallery-grid-item__link:active,.gallery-grid-item__link:focus-visible,.gallery-grid-item__link:hover{--gallery-grid-item-icon-background-color:var(--true-gray-600);--gallery-grid-item-icon-color:var(--jm-color-gray-200);--gallery-grid-item-hover-icon-color:var(--true-gray-600)}}.gallery{display:flex;flex-direction:column;gap:1.5rem}.gallery-list{table-layout:fixed;th{width:12.5rem}th:first-child{width:auto}}.gallery-list-item{align-items:center;color:var(--gallery-list-item-color);display:flex;gap:.75rem}.gallery-list-item__icon{color:var(--gallery-list-item-icon-color);font-size:1.25rem}.gallery .gallery-list-item__preview,.gallery-list-item__preview{align-items:center;aspect-ratio:20/24;color:var(--gallery-list-item-icon-color);display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;width:1.25rem;img{height:100%;object-fit:cover;width:100%}}.gallery-list-item__name{color:var(--gallery-list-item-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-grid{column-gap:1.25rem;display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:1.5rem}.gallery-grid-item{list-style-type:none;width:11.25rem;.media-preview{aspect-ratio:var(--media-preview-aspect-ratio,180/109)}}.gallery-grid-item__link{display:flex;flex-direction:column;gap:.5rem}.gallery-grid-item__icon{align-items:center;aspect-ratio:180/109;background-color:var(--gallery-grid-item-icon-background-color);border:.1rem solid var(--gallery-grid-item-icon-border-color);border-radius:.25rem;color:var(--gallery-grid-item-icon-color);display:flex;font-size:3.25rem;justify-content:center}.gallery-grid-item__name{color:var(--gallery-grid-item-name-color);display:-webkit-box;font-weight:var(--gallery-grid-item-name-font-weight);height:var(--gallery-grid-item-name-height);-webkit-line-clamp:2;overflow:hidden;text-align:center;word-break:var(--gallery-grid-item-name-break-word);-webkit-box-orient:vertical}.media-choice{--media-preview-max-width:12.5rem;--media-preview-aspect-ratio:initial}.modal-media-choice{--bs-modal-width:90%!important}.modal-media-choice .modal-dialog{max-width:90vw}.media-choice{input.form-control{height:0;opacity:0;padding:0;width:15rem}&.empty .hide-when-empty,.form-help.form-error{display:none}}.media-choice__actions{display:block}.has-error .media-choice .form-help.form-error{color:var(--red-500);display:block}.media-preview{--media-preview-border-color:#e2e8f0;--media-preview-background-primary-color:rgba(0,0,0,.098);--media-preview-background-secondary-color:transparent;--media-preview-background-base-color:var(--jm-color-white);--media-preview-background-color:#ebf4fe;--media-preview-color:var(--gallery-grid-item-hover-icon-color,#b9c6dc)}[data-bs-theme=dark] .media-preview{--media-preview-background-primary-color:hsla(0,0%,100%,.1);--media-preview-background-secondary-color:hsla(0,0%,100%,0);--media-preview-background-color:var(--true-gray-800);--media-preview-color:var(--jm-color-gray-200);--media-preview-border-color:var(--true-gray-600);--media-preview-background-base-color:transparent}.media-preview{align-items:center;background:linear-gradient(45deg,var(--media-preview-background-primary-color) 25%,var(--media-preview-background-secondary-color) 25%,var(--media-preview-background-secondary-color) 75%,var(--media-preview-background-primary-color) 75%,var(--media-preview-background-primary-color) 0),linear-gradient(45deg,var(--media-preview-background-primary-color) 25%,var(--media-preview-background-secondary-color) 25%,var(--media-preview-background-secondary-color) 75%,var(--media-preview-background-primary-color) 75%,var(--media-preview-background-primary-color) 0),var(--media-preview-background-base-color);background-clip:border-box;background-origin:padding-box;background-position:0 0,.625rem .625rem;background-size:1.25rem 1.25rem;border-radius:.25rem;color:var(--media-preview-color);display:flex;font-size:2.5rem;justify-content:center;max-width:var(--media-preview-max-width,100%);outline:solid var(--media-preview-border-color) .1rem;overflow:hidden;img{max-height:100%;max-width:100%}}[data-bs-theme=dark] .media-preview:not(:has(img)):not(:is(img)){background:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,.1) 75%,hsla(0,0%,100%,.1) 0),linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,.1) 75%,hsla(0,0%,100%,.1) 0),var(--true-gray-900);background-clip:border-box;background-origin:padding-box;background-position:0 0,.625rem .625rem;background-size:1.25rem 1.25rem}.long-text-break{white-space:normal;word-break:break-all}.jm-show-panel{background-color:var(--white)}[data-bs-theme=dark]{.jm-show-panel{background-color:var(--gray-900)}}.jm-show-panel dl.datalist{margin:0;padding:0}.jm-show-panel dl.datalist .data-row{border-bottom:1px solid var(--jm-border-color);display:flex;flex-direction:column;margin-bottom:1.25rem;padding-bottom:1.25rem}.jm-show-panel dl.datalist .data-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.jm-show-panel dl.datalist .data-row dt{color:var(--gray-700);font-weight:600;margin-bottom:.375rem}[data-bs-theme=dark]{.jm-show-panel dl.datalist .data-row dt{color:var(--gray-300)}}.jm-show-panel dl.datalist .data-row dd{color:var(--gray-900);margin:0}[data-bs-theme=dark]{.jm-show-panel dl.datalist .data-row dd{color:var(--gray-100)}}.jm-show-panel .media-preview{max-height:600px;--media-preview-max-width:800px;margin-bottom:1rem}.jm-show-panel .jm-box{align-items:stretch;background-color:var(--gray-100);border:1px solid var(--jm-border-color);border-radius:.25rem;display:flex;gap:.5rem;padding:.75rem}[data-bs-theme=dark]{.jm-show-panel .jm-box{background-color:var(--gray-800)}}.jm-show-panel .jm-box pre{background-color:transparent;border-radius:0;flex:1;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:0}[data-bs-theme=dark]{.jm-show-panel .jm-box pre{background-color:transparent}}.jm-show-panel .jm-box pre code{color:var(--bs-body-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}[data-bs-theme=dark]{.jm-show-panel .jm-box pre code{color:var(--gray-200)}}.folder-choice-content{max-height:70vh;overflow-y:auto}#modal-folder-choice .modal-dialog{max-width:90%;width:90%}.folder-choice-content .gallery-grid-item{width:11.25rem}.folder-modal-breadcrumb{align-items:center;color:var(--gray-700);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.25rem}[data-bs-theme=dark]{.folder-modal-breadcrumb{color:var(--gray-300)}}.folder-modal-breadcrumb a{align-items:center;color:var(--bs-link-color);display:flex;text-decoration:none}.folder-modal-breadcrumb a:hover{text-decoration:underline}.folder-modal-breadcrumb .breadcrumb-separator{color:var(--gray-500)}[data-bs-theme=dark]{.folder-modal-breadcrumb .breadcrumb-separator{color:var(--gray-400)}}.folder-modal-breadcrumb .breadcrumb-current{color:var(--gray-900);font-weight:500}[data-bs-theme=dark]{.folder-modal-breadcrumb .breadcrumb-current{color:var(--gray-100)}}.folder-parent{border-bottom:1px solid var(--gray-200);margin-bottom:1rem;padding-bottom:1rem}[data-bs-theme=dark]{.folder-parent{border-bottom-color:var(--gray-700)}}.folder-parent a{align-items:center;background-color:var(--gray-100);border-radius:.25rem;color:var(--gray-900);display:flex;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .15s ease-in-out}[data-bs-theme=dark]{.folder-parent a{background-color:var(--gray-800);color:var(--gray-100)}}.folder-parent a:hover{background-color:var(--gray-200);text-decoration:none}[data-bs-theme=dark]{.folder-parent a:hover{background-color:var(--gray-700)}}.folder-parent .folder-icon{color:var(--bs-primary);flex-shrink:0}.folder-parent .folder-name{flex:1;font-weight:500} \ No newline at end of file +:root{--jm-color-primary:#b9c6dc;--jm-color-secondary:#899ebc;--jm-color-gray-100:#f8fafc;--jm-color-gray:#4b4b4b;--jm-color-black:#000;--jm-color-white:#fff;--jm-border-color:#e2e8f0}.code-preview{display:flex;pre{flex-grow:1;margin:0 1rem 0 0;overflow:auto;padding:.5rem}}.jm-box{--jm-box-background-color:var(--gray-50);--code-color:var(--jm-code-color)}[data-bs-theme=dark]{.jm-box{--jm-box-background-color:var(--true-gray-800)}}.jm-box{background-color:var(--jm-box-background-color);border:1px solid var(--gray-200);border-radius:.25rem;padding:.625rem}.clipboard-btn.is-copied,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):active:focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):focus,.clipboard-btn.is-copied:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover{--button-bg:#22b99a;--button-hover-bg:#22b99a;--button-focus-outline-color:#22b99a;background-color:#22b99a;border-color:#22b99a;color:#fff}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{display:inline-block;margin:.5em;position:relative;width:120px}.dropzone .dz-preview .dz-progress{border:1px solid #aaa;display:block;height:15px}.dropzone .dz-preview .dz-progress .dz-upload{background:green;display:block;height:100%;width:0}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-mark,.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;height:58px;left:30px;left:50%;margin-left:-27px;position:absolute;top:30px;width:54px}:root{--jm-dropzone-color:#293a53;--jm-dropzone-border-color:#aab6c8;--jm-dropzone-bg-color:#f8fafc;--jm-color-green:#00a65a;--jm-color-red:#dd4b39}[data-bs-theme=dark]{.dropzone{--jm-dropzone-color:#c4d0e0;--jm-dropzone-border-color:#4b5563;--jm-dropzone-bg-color:#1f2937}}.dropzone-container{display:none;margin-top:1rem}.dropzone-container.dropzone-active{display:block}.dropzone-container input[type=file]{display:none}.dropzone{background-color:var(--jm-dropzone-bg-color);border:2px dashed var(--jm-dropzone-border-color);border-radius:4px;color:var(--jm-dropzone-color);display:flex;flex-wrap:wrap;margin-top:1rem;min-height:auto;z-index:100}.dropzone .dz-message{cursor:pointer;font-size:1.4375rem;margin:0;padding:5rem 1.25rem;width:100%}.dropzone .dz-button{background:none;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0 auto;outline:inherit;padding:0}.dropzone.dz-started .dz-message{display:none}.dropzone .dz-details{font-size:15px}.dropzone .dz-preview{width:180px}.dropzone .dz-preview .dz-progress{border:none;border-radius:5px;height:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background-color:var(--jm-color-green)}.dropzone .dz-preview.dz-complete .dz-progress{display:none}.dropzone .dz-preview .dz-error-marker{color:var(--jm-color-red);display:none;margin-right:.25rem}.dropzone .dz-preview .dz-success-marker{color:var(--jm-color-green);display:none;margin-right:.25rem}.dropzone .dz-preview.dz-error .dz-error-marker{display:inline-block}.dropzone .dz-preview.dz-error .dz-error-message{color:var(--jm-color-red);display:block;font-size:.875rem}.dropzone .dz-preview.dz-error .dz-image.media-preview{display:none}.dropzone .dz-preview.dz-success .dz-success-marker{display:inline-block}.dropzone .dz-preview a[data-dz-link]{align-items:center;display:flex;flex-wrap:wrap;height:109px;place-content:center;width:180px}.dz-preview-template{display:none}.gallery-list-item{--gallery-list-item-icon-color:var(--jm-color-primary);--gallery-list-item-color:var(--black)}.gallery-list-item:active,.gallery-list-item:focus-visible,.gallery-list-item:hover{--gallery-list-item-name-color:var(--jm-color-secondary)}.gallery-list-item--back{--gallery-list-item-icon-color:var(--jm-color-gray)}.gallery-grid{--gallery-grid-item-name-font-weight:400;--gallery-grid-item-name-color:var(--black)}.gallery-grid--folders{--gallery-grid-item-name-font-weight:600;--gallery-grid-item-name-height:auto;--gallery-grid-item-name-break-word:break-word}.gallery-grid--files{--gallery-grid-item-name-height:2lh;--gallery-grid-item-name-break-word:break-all}.gallery-grid-item{--gallery-grid-item-icon-background-color:var(--jm-color-gray-100);--gallery-grid-item-icon-color:var(--jm-color-primary);--gallery-grid-item-icon-border-color:var(--jm-color-gray-200)}.gallery-grid-item--back{--gallery-grid-item-icon-color:var(--jm-color-gray)}.gallery-grid-item__link:active,.gallery-grid-item__link:focus-visible,.gallery-grid-item__link:hover{--gallery-grid-item-icon-color:var(--jm-color-secondary);--gallery-grid-item-name-color:var(--jm-color-secondary);--gallery-grid-item-hover-icon-color:var(--jm-color-secondary)}[data-bs-theme=dark]{.gallery-list-item{--gallery-list-item-icon-color:var(--true-gray-400);--gallery-list-item-color:var(--true-gray-300)}.gallery-grid{--gallery-grid-item-name-color:var(--true-gray-300)}.gallery-grid-item{--gallery-grid-item-icon-background-color:var(--true-gray-800);--gallery-grid-item-icon-color:var(--jm-color-gray-200);--gallery-grid-item-icon-border-color:var(--true-gray-600)}.gallery-grid-item__link:active,.gallery-grid-item__link:focus-visible,.gallery-grid-item__link:hover{--gallery-grid-item-icon-background-color:var(--true-gray-600);--gallery-grid-item-icon-color:var(--jm-color-gray-200);--gallery-grid-item-hover-icon-color:var(--true-gray-600)}}.gallery{display:flex;flex-direction:column;gap:1.5rem}.gallery-list{table-layout:fixed;th{width:12.5rem}th:first-child{width:auto}}.gallery-list-item{align-items:center;color:var(--gallery-list-item-color);display:flex;gap:.75rem}.gallery-list-item__icon{color:var(--gallery-list-item-icon-color);font-size:1.25rem}.gallery .gallery-list-item__preview,.gallery-list-item__preview{align-items:center;aspect-ratio:20/24;color:var(--gallery-list-item-icon-color);display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;width:1.25rem;img{height:100%;object-fit:cover;width:100%}}.gallery-list-item__name{color:var(--gallery-list-item-name-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-grid{column-gap:1.25rem;display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:1.5rem}.gallery-grid-item{list-style-type:none;width:11.25rem;.media-preview{aspect-ratio:var(--media-preview-aspect-ratio,180/109)}}.gallery-grid-item__link{display:flex;flex-direction:column;gap:.5rem}.gallery-grid-item__icon{align-items:center;aspect-ratio:180/109;background-color:var(--gallery-grid-item-icon-background-color);border:.1rem solid var(--gallery-grid-item-icon-border-color);border-radius:.25rem;color:var(--gallery-grid-item-icon-color);display:flex;font-size:3.25rem;justify-content:center}.gallery-grid-item__name{color:var(--gallery-grid-item-name-color);display:-webkit-box;font-weight:var(--gallery-grid-item-name-font-weight);height:var(--gallery-grid-item-name-height);-webkit-line-clamp:2;overflow:hidden;text-align:center;word-break:var(--gallery-grid-item-name-break-word);-webkit-box-orient:vertical}.media-choice{--media-preview-max-width:12.5rem;--media-preview-aspect-ratio:initial}.modal-media-choice{--bs-modal-width:90%!important}.modal-media-choice .modal-dialog{max-width:90vw}.media-choice{input.form-control{height:0;opacity:0;padding:0;width:15rem}&.empty .hide-when-empty,.form-help.form-error{display:none}}.media-choice__actions{display:block}.has-error .media-choice .form-help.form-error{color:var(--red-500);display:block}.media-preview{--media-preview-border-color:#e2e8f0;--media-preview-background-primary-color:rgba(0,0,0,.098);--media-preview-background-secondary-color:transparent;--media-preview-background-base-color:var(--jm-color-white);--media-preview-background-color:#ebf4fe;--media-preview-color:var(--gallery-grid-item-hover-icon-color,#b9c6dc)}[data-bs-theme=dark] .media-preview{--media-preview-background-primary-color:hsla(0,0%,100%,.1);--media-preview-background-secondary-color:hsla(0,0%,100%,0);--media-preview-background-color:var(--true-gray-800);--media-preview-color:var(--jm-color-gray-200);--media-preview-border-color:var(--true-gray-600);--media-preview-background-base-color:transparent}.media-preview{align-items:center;background:linear-gradient(45deg,var(--media-preview-background-primary-color) 25%,var(--media-preview-background-secondary-color) 25%,var(--media-preview-background-secondary-color) 75%,var(--media-preview-background-primary-color) 75%,var(--media-preview-background-primary-color) 0),linear-gradient(45deg,var(--media-preview-background-primary-color) 25%,var(--media-preview-background-secondary-color) 25%,var(--media-preview-background-secondary-color) 75%,var(--media-preview-background-primary-color) 75%,var(--media-preview-background-primary-color) 0),var(--media-preview-background-base-color);background-clip:border-box;background-origin:padding-box;background-position:0 0,.625rem .625rem;background-size:1.25rem 1.25rem;border-radius:.25rem;color:var(--media-preview-color);display:flex;font-size:2.5rem;justify-content:center;max-width:var(--media-preview-max-width,100%);outline:solid var(--media-preview-border-color) .1rem;overflow:hidden;img{max-height:100%;max-width:100%}}[data-bs-theme=dark] .media-preview:not(:has(img)):not(:is(img)){background:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,.1) 75%,hsla(0,0%,100%,.1) 0),linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,.1) 75%,hsla(0,0%,100%,.1) 0),var(--true-gray-900);background-clip:border-box;background-origin:padding-box;background-position:0 0,.625rem .625rem;background-size:1.25rem 1.25rem}.long-text-break{white-space:normal;word-break:break-all}.jm-show-panel{background-color:var(--white)}[data-bs-theme=dark]{.jm-show-panel{background-color:var(--gray-900)}}.jm-show-panel dl.datalist{margin:0;padding:0}.jm-show-panel dl.datalist .data-row{border-bottom:1px solid var(--jm-border-color);display:flex;flex-direction:column;margin-bottom:1.25rem;padding-bottom:1.25rem}.jm-show-panel dl.datalist .data-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.jm-show-panel dl.datalist .data-row dt{color:var(--gray-700);font-weight:600;margin-bottom:.375rem}[data-bs-theme=dark]{.jm-show-panel dl.datalist .data-row dt{color:var(--gray-300)}}.jm-show-panel dl.datalist .data-row dd{color:var(--gray-900);margin:0}[data-bs-theme=dark]{.jm-show-panel dl.datalist .data-row dd{color:var(--gray-100)}}.jm-show-panel .media-preview{max-height:600px;--media-preview-max-width:800px;margin-bottom:1rem}.jm-show-panel .jm-box{align-items:stretch;background-color:var(--gray-100);border:1px solid var(--jm-border-color);border-radius:.25rem;display:flex;gap:.5rem;padding:.75rem}[data-bs-theme=dark]{.jm-show-panel .jm-box{background-color:var(--gray-800)}}.jm-show-panel .jm-box pre{background-color:transparent;border-radius:0;flex:1;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:0}[data-bs-theme=dark]{.jm-show-panel .jm-box pre{background-color:transparent}}.jm-show-panel .jm-box pre code{color:var(--bs-body-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem}[data-bs-theme=dark]{.jm-show-panel .jm-box pre code{color:var(--gray-200)}}.folder-choice-content{max-height:70vh;overflow-y:auto}#modal-folder-choice .modal-dialog{max-width:90%;width:90%}.folder-choice-content .gallery-grid-item{width:11.25rem}.folder-modal-breadcrumb{align-items:center;color:var(--gray-700);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.25rem;min-width:0}.folder-modal-breadcrumb .breadcrumb-current,.folder-modal-breadcrumb a{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:576px){.folder-modal-breadcrumb .breadcrumb-current,.folder-modal-breadcrumb a{max-width:20ch}}@media (min-width:768px){.folder-modal-breadcrumb .breadcrumb-current,.folder-modal-breadcrumb a{max-width:30ch}}[data-bs-theme=dark]{.folder-modal-breadcrumb{color:var(--gray-300)}}.folder-modal-breadcrumb a{align-items:center;color:var(--bs-link-color);display:flex;text-decoration:none}.folder-modal-breadcrumb a:hover{text-decoration:underline}.folder-modal-breadcrumb .breadcrumb-separator{color:var(--gray-500)}[data-bs-theme=dark]{.folder-modal-breadcrumb .breadcrumb-separator{color:var(--gray-400)}}.folder-modal-breadcrumb .breadcrumb-current{color:var(--gray-900);font-weight:500}[data-bs-theme=dark]{.folder-modal-breadcrumb .breadcrumb-current{color:var(--gray-100)}}.folder-parent{border-bottom:1px solid var(--gray-200);margin-bottom:1rem;padding-bottom:1rem}[data-bs-theme=dark]{.folder-parent{border-bottom-color:var(--gray-700)}}.folder-parent a{align-items:center;background-color:var(--gray-100);border-radius:.25rem;color:var(--gray-900);display:flex;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .15s ease-in-out}[data-bs-theme=dark]{.folder-parent a{background-color:var(--gray-800);color:var(--gray-100)}}.folder-parent a:hover{background-color:var(--gray-200);text-decoration:none}[data-bs-theme=dark]{.folder-parent a:hover{background-color:var(--gray-700)}}.folder-parent .folder-icon{color:var(--bs-primary);flex-shrink:0}.folder-parent .folder-name{flex:1;font-weight:500} \ No newline at end of file diff --git a/src/Bridge/Sylius/public/manifest.json b/src/Bridge/Sylius/public/manifest.json index d57a81c4..94e95c11 100644 --- a/src/Bridge/Sylius/public/manifest.json +++ b/src/Bridge/Sylius/public/manifest.json @@ -1,4 +1,4 @@ { - "joli-media-sylius-admin.css": "./joli-media-sylius-admin.2f351929.css", + "joli-media-sylius-admin.css": "./joli-media-sylius-admin.9c601f8f.css", "joli-media-sylius-admin.js": "./joli-media-sylius-admin.dc8dd6d7.js" } \ No newline at end of file diff --git a/src/Bridge/Sylius/templates/admin/media/choose.html.twig b/src/Bridge/Sylius/templates/admin/media/choose.html.twig index 66674a88..814b2521 100644 --- a/src/Bridge/Sylius/templates/admin/media/choose.html.twig +++ b/src/Bridge/Sylius/templates/admin/media/choose.html.twig @@ -5,7 +5,7 @@
-
+
{% if current_key %} {% set parts = current_key|split('/') %} @@ -34,8 +34,8 @@ > {{ ux_icon('tabler:plus') }} {{ 'media.add'|trans }} - - {{ ux_icon('tabler:folder-plus') }} {{ 'directory.create'|trans }} + + {{ ux_icon('tabler:folder-plus') }}
diff --git a/src/Bridge/Sylius/templates/admin/shared/helper/move_media_modal.html.twig b/src/Bridge/Sylius/templates/admin/shared/helper/move_media_modal.html.twig index df0af8eb..f15aa2cb 100644 --- a/src/Bridge/Sylius/templates/admin/shared/helper/move_media_modal.html.twig +++ b/src/Bridge/Sylius/templates/admin/shared/helper/move_media_modal.html.twig @@ -5,7 +5,7 @@
-
+
{% if media.folderPath %} {% set parts = media.folderPath|split('/') %} diff --git a/src/Bridge/Sylius/templates/admin/shared/layout/base/styles.html.twig b/src/Bridge/Sylius/templates/admin/shared/layout/base/styles.html.twig index 97d7bdc1..05c9c9ac 100644 --- a/src/Bridge/Sylius/templates/admin/shared/layout/base/styles.html.twig +++ b/src/Bridge/Sylius/templates/admin/shared/layout/base/styles.html.twig @@ -1 +1 @@ - +