time-select.scss 664 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @import "common/var";
  2. @import "./date-picker/picker.scss";
  3. @import "./date-picker/date-picker.scss";
  4. @import "./scrollbar.scss";
  5. @import "./popper";
  6. .time-select {
  7. margin: 5px 0;
  8. min-width: 0;
  9. }
  10. .time-select .el-picker-panel__content {
  11. max-height: 200px;
  12. margin: 0;
  13. }
  14. .time-select-item {
  15. padding: 8px 10px;
  16. font-size: 14px;
  17. line-height: 20px;
  18. }
  19. .time-select-item.selected:not(.disabled) {
  20. color: $--color-primary;
  21. font-weight: bold;
  22. }
  23. .time-select-item.disabled {
  24. color: $--datepicker-border-color;
  25. cursor: not-allowed;
  26. }
  27. .time-select-item:hover {
  28. background-color: $--background-color-base;
  29. font-weight: bold;
  30. cursor: pointer;
  31. }