v1.0.5

* node-status-card :: When going from schedule to publish make sure to reset the publish date to now.
* sortables style improvements.

Author: gdbrown

CHANGELOG-1.x.md

@@ -1,6 +1,11 @@
 # CHANGELOG
 
 
+## v1.0.5
+* node-status-card :: When going from schedule to publish make sure to reset the publish date to now.
+* sortables style improvements.
+
+
 ## v1.0.4
 * When creating a new teaser that has a target, copy over description and image_ref as well.
 * Wrap poll stats card answer text.

demo/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@triniti/cms",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "license": "Apache-2.0",
   "description": "A single page app for managing triniti schemas and services.",
   "repository": {

package-lock.json

@@ -627,6 +627,10 @@ $focus-ring-opacity:    .5; // .25 !default
 $focus-ring-color:      rgba($secondary, $focus-ring-opacity) !default; // rgba($primary, $focus-ring-opacity) !default
 $focus-ring-blur:       0 !default;
 $focus-ring-box-shadow: 0 0 0 1px var(--#{$prefix}body-bg), 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
+$focus-ring-color-danger:      rgba($danger, $focus-ring-opacity) !default;
+$focus-ring-box-shadow-danger: 0 0 0 1px var(--#{$prefix}body-bg), 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color-danger !default;
+$focus-ring-color-success:      rgba($success, $focus-ring-opacity) !default;
+$focus-ring-box-shadow-success: 0 0 0 1px var(--#{$prefix}body-bg), 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color-success !default;
 // scss-docs-end focus-ring-variables
 
 // scss-docs-start caret-variables

package.json

@@ -684,3 +684,11 @@ div:not(.ratio) > iframe {
   margin-left: auto;
   margin-right: auto;
 }
+
+.focus-ring-box-shadow-danger {
+  box-shadow: $focus-ring-box-shadow-danger;
+}
+
+.focus-ring-box-shadow-success {
+  box-shadow: $focus-ring-box-shadow-success;
+}

src/assets/styles/_variables.scss

@@ -30,6 +30,7 @@ export default function SortableAnswer(props) {
     opacity: isDragging ? 0.75 : undefined,
     boxShadow: isDragging ? '0 0 0 2px rgba(8, 160, 232, 0.3), 0 4px 12px rgba(0,0,0,0.2)' : undefined,
     borderColor: isDragging ? 'var(--bs-secondary)' : undefined,
+    zIndex: isDragging ? '100' : undefined,
     transform: CSS.Transform.toString(transform),
     transition,
   };
@@ -40,13 +41,13 @@ export default function SortableAnswer(props) {
     <li
       ref={setNodeRef}
       key={id}
-      className="sortable-item d-flex flex-nowrap align-items-center"
+      className="sortable-item d-flex flex-nowrap align-items-center ps-1"
       data-id={id}
       data-index={index}
       style={style}
     >
       {editMode && (
-        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1 ps-1">
+        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1">
           <button className="sortable-drag-handle btn-hover btn-hover-bg" {...attributes} {...listeners}>
             <Icon imgSrc="drag" />
           </button>

src/assets/styles/base/_master.scss

@@ -33,6 +33,7 @@ export default function SortableImage(props) {
     width: 'calc(10% - 16px)',
     boxShadow: isDragging ? '0 4px 12px rgba(0,0,0,0.5)' : undefined,
     borderColor: isDragging ? 'var(--bs-body-bg) !important' : undefined,
+    zIndex: isDragging ? '100' : undefined,
     transform: CSS.Transform.toString(transform),
     transition,
   };

src/plugins/apollo/components/poll-screen/SortableAnswer.js

@@ -39,6 +39,7 @@ export default function SortableSlot(props) {
     opacity: isDragging ? 0.75 : undefined,
     boxShadow: isDragging ? '0 0 0 2px rgba(8, 160, 232, 0.3), 0 4px 12px rgba(0,0,0,0.2)' : undefined,
     borderColor: isDragging ? 'var(--bs-secondary)' : undefined,
+    zIndex: isDragging ? '100' : undefined,
     transform: CSS.Transform.toString(transform),
     transition,
   };
@@ -49,13 +50,13 @@ export default function SortableSlot(props) {
     <li
       ref={setNodeRef}
       key={id}
-      className="sortable-item d-flex flex-nowrap align-items-center"
+      className="sortable-item d-flex flex-nowrap align-items-center ps-1"
       data-id={id}
       data-index={index}
       style={style}
     >
       {editMode && (
-        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1 ps-1">
+        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1">
           <button className="sortable-drag-handle btn-hover btn-hover-bg" {...attributes} {...listeners}>
             <Icon imgSrc="drag" />
           </button>

src/plugins/curator/components/gallery-screen/images-tab/SortableImage.js

@@ -53,6 +53,7 @@ function SortableValue(props) {
     opacity: isDragging ? 0.75 : undefined,
     boxShadow: isDragging ? '0 0 0 2px rgba(8, 160, 232, 0.3), 0 4px 12px rgba(0,0,0,0.2)' : undefined,
     borderColor: isDragging ? 'var(--bs-secondary)' : undefined,
+    zIndex: isDragging ? '100' : undefined,
     transform: CSS.Transform.toString(transform),
     transition,
   };
@@ -76,13 +77,13 @@ function SortableValue(props) {
     <li
       ref={setNodeRef}
       key={id}
-      className="sortable-item d-flex flex-nowrap align-items-center"
+      className="sortable-item d-flex flex-nowrap align-items-center ps-1"
       data-id={id}
       data-index={index}
       style={style}
     >
       {editMode && (
-        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1 ps-1">
+        <div className="d-inline-flex flex-shrink-0 align-self-stretch my-1">
           <span className="sortable-drag-handle btn-hover btn-hover-bg py-2" {...attributes} {...listeners}>
             <Icon imgSrc="drag" />
           </span>