VDatePickerControls.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .v-date-picker-controls {
  2. display: flex;
  3. align-items: center;
  4. justify-content: space-between;
  5. font-size: 0.875rem;
  6. padding-top: 4px;
  7. padding-bottom: 4px;
  8. padding-inline-start: 6px;
  9. padding-inline-end: 12px;
  10. }
  11. .v-date-picker-controls > .v-btn:first-child {
  12. text-transform: none;
  13. font-weight: 400;
  14. line-height: initial;
  15. letter-spacing: initial;
  16. }
  17. .v-date-picker-controls--variant-classic {
  18. padding-inline-start: 12px;
  19. }
  20. .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
  21. opacity: 0.7;
  22. }
  23. .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
  24. cursor: pointer;
  25. }
  26. .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
  27. opacity: 1;
  28. }
  29. .v-date-picker-controls .v-btn:last-child {
  30. margin-inline-start: 4px;
  31. }
  32. .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
  33. transform: rotate(180deg);
  34. }
  35. .v-date-picker-controls__date {
  36. margin-inline-end: 4px;
  37. }
  38. .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
  39. margin: auto;
  40. text-align: center;
  41. }
  42. .v-date-picker-controls__month {
  43. display: flex;
  44. }
  45. .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
  46. flex-direction: row-reverse;
  47. }
  48. .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
  49. flex: 1 0 auto;
  50. }
  51. .v-date-picker__title {
  52. display: inline-block;
  53. }