style: change text color to red in datetime input with invalid schedu…

…led time
elk-zone · Mar 18, 2024 · f5cf2d2 · f5cf2d2
1 parent 13ad4e0
commit f5cf2d2
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
@@ -573,10 +573,12 @@ onDeactivated(() => {
     background-color: var(--c-bg-btn-disabled);
     color: var(--c-text-btn-disabled);
   }
+
   .publish-button[aria-disabled=true]:hover {
     background-color: var(--c-bg-btn-disabled);
     color: var(--c-text-btn-disabled);
   }
+
   .option-input:focus + .delete-button {
     display: none;
   }
@@ -591,4 +593,8 @@ onDeactivated(() => {
     align-items: center;
     border-radius: 50%;
   }
+
+  input[name="schedule-datetime"]:invalid {
+    color: var(--c-danger);
+  }
 </style>