angular-material-calendar.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. calendar-md {
  2. display: block;
  3. max-height: 100%; }
  4. calendar-md .md-toolbar-tools h2 {
  5. overflow-x: hidden;
  6. text-overflow: ellipsis;
  7. white-space: nowrap; }
  8. calendar-md md-content > md-content {
  9. border: 1px solid rgba(0, 0, 0, 0.12); }
  10. calendar-md md-content > md-content.agenda > * > * {
  11. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  12. }
  13. calendar-md md-content > md-content.agenda > * > *.disabled {
  14. color: rgba(0, 0, 0, 0.3);
  15. pointer-events: none;
  16. cursor: auto; }
  17. calendar-md md-content > md-content.agenda > * > * :first-child {
  18. padding: 12px;
  19. width: 200px;
  20. text-align: right;
  21. color: rgba(0, 0, 0, 0.75);
  22. font-weight: 100;
  23. overflow-x: hidden;
  24. text-overflow: ellipsis;
  25. white-space: nowrap; }
  26. calendar-md md-content > md-content.agenda > * > * :not(:first-child) {
  27. overflow: hidden;
  28. text-overflow: ellipsis; }
  29. calendar-md md-content > md-content > * > * {
  30. min-width: 48px; }
  31. calendar-md md-content > md-content.calendar > :first-child {
  32. background: rgba(0, 0, 0, 0.02);
  33. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  34. margin-right: 0;
  35. min-height: 36px; }
  36. calendar-md md-content > md-content.calendar > :not(:first-child) > * {
  37. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  38. border-right: 1px solid rgba(0, 0, 0, 0.12);
  39. cursor: pointer; }
  40. calendar-md md-content > md-content.calendar > :not(:first-child) > *:hover {
  41. background: rgba(0, 0, 0, 0.04); }
  42. calendar-md md-content > md-content.calendar > :not(:first-child) > *.disabled {
  43. color: rgba(0, 0, 0, 0.3);
  44. pointer-events: none;
  45. cursor: auto; }
  46. calendar-md md-content > md-content.calendar > :not(:first-child) > *.active {
  47. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  48. background: rgba(0, 0, 0, 0.02); }
  49. calendar-md md-content > md-content.calendar > :not(:first-child) > * :first-child {
  50. padding: 0; }
  51. calendar-md md-content > md-content.calendar > :not(:first-child) > * :last-child {
  52. overflow: hidden;
  53. text-overflow: ellipsis; }