Release v2.13.1
This commit is contained in:
lzstealth committed
1 parent
0a03cdd0b7
commit
394d23bb4d
47 files changed
+2408
-559
No files matched your search
@@ -1,3 +1,267 @@
|
||||
.media-picker-item {
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: .375rem;
|
||||
background: var(--bs-body-bg);
|
||||
padding: .5rem;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.media-picker-item:hover,
|
||||
.media-picker-item:focus-visible {
|
||||
border-color: var(--bs-primary);
|
||||
box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .2);
|
||||
}
|
||||
|
||||
.media-picker-item-preview {
|
||||
display: block;
|
||||
aspect-ratio: 16 / 9;
|
||||
background: var(--bs-tertiary-bg);
|
||||
margin-bottom: .5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-picker-item-preview img,
|
||||
.media-picker-item-preview video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.media-gallery-toolbar {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.media-gallery-search {
|
||||
width: min(100%, 52rem);
|
||||
}
|
||||
|
||||
.media-gallery-controls {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: .75rem;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.media-gallery-bulk-actions {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.media-gallery-controls {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.media-gallery-search {
|
||||
width: auto;
|
||||
flex: 0 1 auto;
|
||||
flex-wrap: nowrap !important;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.media-gallery-search .input-group {
|
||||
min-width: 10rem;
|
||||
width: 28rem;
|
||||
max-width: 28rem;
|
||||
}
|
||||
}
|
||||
|
||||
.media-gallery-search .input-group {
|
||||
min-width: 15rem;
|
||||
flex: 1 1 18rem;
|
||||
}
|
||||
|
||||
.media-gallery-search .form-select {
|
||||
flex: 0 1 9rem;
|
||||
}
|
||||
|
||||
.media-gallery-card {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: .375rem;
|
||||
background: var(--bs-body-bg);
|
||||
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .04);
|
||||
}
|
||||
|
||||
.media-gallery-card-selected {
|
||||
border-color: var(--bs-primary);
|
||||
background: var(--bs-primary-bg-subtle);
|
||||
outline: 3px solid rgba(var(--bs-primary-rgb), .3);
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
.media-gallery-card-selected::after {
|
||||
position: absolute;
|
||||
top: .65rem;
|
||||
right: .65rem;
|
||||
z-index: 2;
|
||||
padding: .25rem .5rem;
|
||||
border-radius: .25rem;
|
||||
background: var(--bs-primary);
|
||||
color: var(--bs-white);
|
||||
content: 'Selected';
|
||||
font-size: .75rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.media-gallery-selection-mode .media-gallery-card {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.media-gallery-preview {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
aspect-ratio: 4 / 3;
|
||||
overflow: hidden;
|
||||
background: var(--bs-tertiary-bg);
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.media-gallery-preview img,
|
||||
.media-gallery-preview video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform .2s ease;
|
||||
}
|
||||
|
||||
.media-gallery-preview:hover img,
|
||||
.media-gallery-preview:hover video {
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
.media-gallery-preview:focus-visible {
|
||||
outline: .2rem solid var(--bs-primary);
|
||||
outline-offset: -.2rem;
|
||||
}
|
||||
|
||||
.media-gallery-type {
|
||||
position: absolute;
|
||||
top: .75rem;
|
||||
left: .75rem;
|
||||
padding: .2rem .45rem;
|
||||
border-radius: .25rem;
|
||||
background: rgba(0, 0, 0, .65);
|
||||
color: #fff;
|
||||
font-size: .7rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: .04em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.media-gallery-play {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
color: #fff;
|
||||
font-size: 2.5rem;
|
||||
text-shadow: 0 .1rem .35rem rgba(0, 0, 0, .55);
|
||||
}
|
||||
|
||||
.media-gallery-details {
|
||||
position: relative;
|
||||
padding: .6rem .75rem .75rem;
|
||||
}
|
||||
|
||||
.media-gallery-name {
|
||||
min-width: 0;
|
||||
min-height: 1.425rem;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
font-size: .95rem;
|
||||
font-weight: 600;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
line-height: 1.425rem;
|
||||
}
|
||||
|
||||
.media-gallery-header {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
padding-right: 2.75rem;
|
||||
}
|
||||
|
||||
.media-gallery-action {
|
||||
position: absolute;
|
||||
right: .75rem;
|
||||
bottom: .75rem;
|
||||
}
|
||||
|
||||
.media-gallery-action button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.media-gallery-meta {
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
||||
.media-gallery-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: .75rem;
|
||||
}
|
||||
|
||||
.media-gallery-footer .media-gallery-meta {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.media-gallery-empty {
|
||||
padding: 3rem 1rem;
|
||||
border: 1px dashed var(--bs-border-color);
|
||||
border-radius: .375rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.media-gallery-controls {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.media-gallery-bulk-actions {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.media-gallery-search {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.media-gallery-search .input-group,
|
||||
.media-gallery-search .form-select {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.media-gallery-preview-modal-body {
|
||||
display: grid;
|
||||
min-height: min(70vh, 42rem);
|
||||
place-items: center;
|
||||
background: var(--bs-tertiary-bg);
|
||||
}
|
||||
|
||||
.media-gallery-preview-modal-body img,
|
||||
.media-gallery-preview-modal-body video {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
max-height: min(72vh, 48rem);
|
||||
object-fit: contain;
|
||||
}
|
||||
.status-dot {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
@@ -852,6 +1116,44 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-library-page {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-library-page .app-wrapper {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.media-library-page .app-main {
|
||||
padding-bottom: 0;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.media-library-page .app-content {
|
||||
flex: 1 1 0;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-library-page .app-content .container-fluid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
min-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.media-library-page .media-gallery {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
[data-table-pagination-card] {
|
||||
display: flex;
|
||||
flex: 0 1 auto;
|
||||
@@ -2164,8 +2466,8 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
|
||||
}
|
||||
|
||||
.slide-image-cropper-frame.is-loading > :not(.slide-image-cropper-loading-overlay) {
|
||||
opacity: 0.22;
|
||||
filter: saturate(0.8);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slide-image-cropper-loading-overlay {
|
||||
@@ -2365,6 +2667,56 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.media-library-upload-zone {
|
||||
min-height: 132px;
|
||||
padding: 2rem 2.5rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.media-library-upload-zone .slide-image-region-upload-zone-limit {
|
||||
color: var(--bs-body-color);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.media-picker-toolbar {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 12rem auto;
|
||||
gap: 0.75rem;
|
||||
background: var(--bs-modal-bg);
|
||||
}
|
||||
|
||||
#media-picker-modal .modal-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#media-picker-modal .media-picker-scroll {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
#media-picker-modal [data-media-picker-no-results]:not([hidden]) {
|
||||
display: block;
|
||||
min-height: 4rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.media-picker-toolbar {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.media-picker-toolbar .btn {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-image-region-preview {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@@ -3670,4 +4022,56 @@ table.table thead th.sort-desc .table-sort-indicator {
|
||||
|
||||
.gradient-stop-handle:active {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.media-picker-item-selected-card .media-picker-item {
|
||||
border-color: var(--bs-success);
|
||||
box-shadow: 0 0 0 .15rem rgba(var(--bs-success-rgb), .2);
|
||||
}
|
||||
|
||||
.media-picker-item-statuses {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: .5rem;
|
||||
margin-top: .35rem;
|
||||
min-height: 1.2rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.media-picker-item-statuses [hidden] {
|
||||
display: inline;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.media-picker-item-selected {
|
||||
color: var(--bs-success-text-emphasis, var(--bs-success));
|
||||
font-size: .8rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.media-picker-item-current {
|
||||
color: var(--bs-info-text-emphasis, var(--bs-info));
|
||||
font-size: .8rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.modal-dialog.modal-xxl {
|
||||
width: calc(100% - 2rem);
|
||||
max-width: 1440px;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.modal-dialog.modal-xxl {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.media-gallery-scroll {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
max-height: max(12rem, calc(100dvh - 29rem));
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding-right: .5rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
Reference in new issue
Block a user