You are here

date-recur-modular-sierra-widget-modal-form.css in Recurring Date Field Modular Widgets 3.x

/** Drupal doesnt have CSS for date/time fields in Seven. See form.css
    https://www.drupal.org/project/drupal/issues/2976404
    */
.form-disabled input.form-date,
.form-disabled input.form-time {
  border-color: #d4d4d4;
  background-color: hsla(0, 0%, 0%, 0.08);
  box-shadow: none;
}
.date-recur-modular-sierra-modal input[name="interval"],
.date-recur-modular-sierra-modal input[name="ends_count"] {
  width: 6em;
}

.date-recur-modular-sierra-modal .ends {
  display: flex;
  flex-direction: column;
}
.date-recur-modular-sierra-modal .ends .ends-row {
  flex: 1;
  display: flex;
  align-items: center;
}

.date-recur-modular-sierra-modal .ends .ends-row .ends-row-label {
  width: 20%;
}
.date-recur-modular-sierra-modal .ends .ends-row .ends-row-field {
  width: 80%;
}
.date-recur-modular-sierra-modal .container-inline.weekdays label:after {
  content: '';
}

File

css/date-recur-modular-sierra-widget-modal-form.css
View source
  1. /** Drupal doesnt have CSS for date/time fields in Seven. See form.css
  2. https://www.drupal.org/project/drupal/issues/2976404
  3. */
  4. .form-disabled input.form-date,
  5. .form-disabled input.form-time {
  6. border-color: #d4d4d4;
  7. background-color: hsla(0, 0%, 0%, 0.08);
  8. box-shadow: none;
  9. }
  10. .date-recur-modular-sierra-modal input[name="interval"],
  11. .date-recur-modular-sierra-modal input[name="ends_count"] {
  12. width: 6em;
  13. }
  14. .date-recur-modular-sierra-modal .ends {
  15. display: flex;
  16. flex-direction: column;
  17. }
  18. .date-recur-modular-sierra-modal .ends .ends-row {
  19. flex: 1;
  20. display: flex;
  21. align-items: center;
  22. }
  23. .date-recur-modular-sierra-modal .ends .ends-row .ends-row-label {
  24. width: 20%;
  25. }
  26. .date-recur-modular-sierra-modal .ends .ends-row .ends-row-field {
  27. width: 80%;
  28. }
  29. .date-recur-modular-sierra-modal .container-inline.weekdays label:after {
  30. content: '';
  31. }