Release 2.16.0

src/web/public/css/theme-custom.css

@@ -1,3 +1,8 @@
+.error-page-content {
+  width: 100%;
+  max-width: 52rem;
+}
+
 .media-picker-item {
   border: 1px solid var(--bs-border-color);
   border-radius: .375rem;
@@ -2351,6 +2356,236 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
   background: #111;
 }
 
+#slide-layout-modal,
+#slide-animation-modal {
+  left: var(--slide-layout-left, 0px);
+  width: calc(100% - var(--slide-layout-left, 0px));
+}
+
+.slide-layout-dialog {
+  width: calc(100% - 2rem);
+  max-width: none;
+  height: calc(100dvh - 4rem);
+  max-height: 860px;
+  min-height: 0;
+  margin: 2rem auto;
+}
+
+.slide-layout-dialog .modal-content {
+  height: 100%;
+}
+
+.slide-layout-body {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 21rem;
+  gap: 1.25rem;
+  min-height: 0;
+}
+
+.slide-layout-workspace {
+  container-type: size;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 0;
+}
+
+.slide-layout-stage {
+  width: min(100%, calc(100cqh * var(--slide-layout-ratio, 1.777778)));
+  flex-shrink: 0;
+  overflow: visible;
+  outline: 1px solid var(--bs-border-color);
+  isolation: isolate;
+  touch-action: none;
+}
+
+.slide-layout-stage .slide-preview-canvas {
+  overflow: hidden;
+}
+
+.slide-layout-properties {
+  min-width: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0 4px;
+}
+
+.slide-layout-properties .region-field-grid--size,
+.slide-layout-properties .region-field-grid--position {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.slide-animation-body {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 21rem;
+  gap: 1.25rem;
+  min-height: 0;
+}
+
+.slide-animation-controls {
+  min-width: 0;
+  overflow-y: auto;
+  padding: 0 4px;
+}
+
+.slide-animation-controls .region-field-grid--animation {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.slide-animation-advanced-fields {
+  min-width: 0;
+  overflow-x: clip;
+}
+
+#slide-animation-advanced {
+  gap: 0.5rem !important;
+}
+
+.slide-animation-advanced-fields .row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 0.5rem;
+  margin: 0;
+}
+
+.slide-animation-advanced-fields .row > * {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  padding: 0;
+}
+
+.slide-animation-advanced-fields .card,
+.slide-animation-advanced-fields .card-body,
+.slide-animation-advanced-fields label {
+  min-width: 0;
+}
+
+.slide-animation-advanced-fields input,
+.slide-animation-advanced-fields select {
+  width: 100%;
+  min-width: 0;
+}
+
+#slide-animation-advanced[hidden] {
+  display: none !important;
+}
+
+.slide-animation-preview-panel {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+#slide-animation-preview {
+  width: 100%;
+}
+
+#slide-animation-preview .slide-preview-stage {
+  width: 100%;
+}
+
+.slide-animation-preview-panel [data-slide-animation-preview][aria-pressed="true"] {
+  color: var(--bs-btn-active-color, #fff);
+  background-color: var(--bs-info);
+  border-color: var(--bs-info);
+}
+
+@media (max-width: 767.98px) {
+  .slide-animation-body {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .slide-animation-controls {
+    overflow: visible;
+  }
+}
+
+.template-designer-main-header::after {
+  display: none;
+}
+
+.template-snap-control {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding-left: 0;
+}
+
+.template-snap-control .form-check-input {
+  float: none;
+  margin: 0;
+  flex: 0 0 auto;
+  order: 2;
+}
+
+.template-snap-control .form-check-label {
+  order: 1;
+}
+
+.slide-layout-layer[hidden] {
+  display: none;
+}
+
+.slide-layout-layer {
+  position: absolute;
+  inset: 0;
+  z-index: 5;
+  pointer-events: none;
+  --designer-overlay-scale: 1;
+}
+
+.slide-layout-hit {
+  pointer-events: auto;
+}
+
+.slide-layout-hit.selected {
+  z-index: 4;
+}
+
+.slide-layout-hit:focus-visible {
+  outline: 3px solid #ffc107;
+}
+
+.layout-alignment-guide {
+  position: absolute;
+  pointer-events: none;
+  z-index: 10;
+  background: #ff4081;
+}
+
+.layout-alignment-guide--x {
+  top: 0;
+  bottom: 0;
+  width: 1px;
+}
+
+.layout-alignment-guide--y {
+  left: 0;
+  right: 0;
+  height: 1px;
+}
+
+@media (max-width: 767.98px) {
+  .slide-layout-dialog {
+    width: calc(100% - 1rem);
+    height: calc(100dvh - 2rem);
+    margin: 1rem auto;
+  }
+
+  .slide-layout-body {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: minmax(14rem, 1fr) auto;
+    overflow-y: auto;
+  }
+
+  .slide-layout-properties {
+    overflow: visible;
+  }
+}
+
 .slide-preview-canvas {
   position: absolute;
   top: 0;
@@ -2812,8 +3047,8 @@ html[data-bs-theme='dark'] .template-field-card .tox .tox-collection {
   background: rgba(13, 110, 253, 0.12);
   box-sizing: border-box;
   border-radius: 0;
-  min-width: 12px;
-  min-height: 12px;
+  min-width: 0;
+  min-height: 0;
   cursor: move;
 }