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>