Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
freebsd
GitHub Repository: freebsd/phabricator
 Path: blob/master/webroot/rsrc/css/phui/calendar/phui-calendar-day.css
12242 views
1
/**

2
 * @provides phui-calendar-day-css

3
 */

4


5
.device .phui-day-view-column {

6
  display: none;

7
}

8


9
.device .phui-calendar-list-container {

10
  width: 100%;

11
}

12


13
.aphront-multi-column-column-outer.phui-day-view-upcoming,

14
.aphront-multi-column-column-outer.phui-day-view-column{

15
  padding: 0;

16
}

17


18
.aphront-multi-column-column-outer.phui-day-view-upcoming .phui-header-shell {

19
  margin: 0;

20
}

21


22
.phui-calendar-day-view {

23
  overflow: scroll;

24
  width: 100%;

25
}

26


27
.phui-calendar-day-hour {

28
  width: 60px;

29
  color: {$lightgreytext};

30
  text-align: right;

31
  padding: 4px 4px;

32
  border-right: 1px solid {$lightgreyborder};

33
}

34


35
.phui-calendar-day-view tr {

36
  height: 60px;

37
}

38


39
.phui-calendar-day-view td {

40
  position: relative;

41
  cursor: pointer;

42
}

43


44
.phui-calendar-day-view td:hover {

45
  background: {$lightbluebackground};

46
}

47


48
.phui-calendar-day-view tr + tr td.phui-calendar-day-events {

49
  border-top: 1px solid {$lightgreyborder};

50
}

51


52
.phui-drag {

53
  opacity: .25;

54
}

55


56
div.phui-calendar-day-event {

57
  width: 100%;

58
  position: absolute;

59
  top: 0;

60
  bottom: 0;

61
  min-height: 30px;

62
}

63


64
.can-drag a {

65
  cursor: move;

66
}

67


68
div.phui-calendar-day-event.all-day {

69
  position: relative;

70
}

71


72
.phui-calendar-day-event-link {

73
  margin: 0 0 -1px -1px;

74
  box-sizing: border-box;

75
  position: absolute;

76
  left: 0;

77
  right: 0;

78
  top: 0;

79
  bottom: 0;

80
}

81


82
.phui-calendar-day-event-link.viewer-invited-day-event {

83
  border-color: {$green};

84
  background-color: {$lightgreen};

85
  color: {$green};

86
}

87


88
.day-view-all-day,

89
.phui-calendar-day-event-link {

90
  padding: 8px;

91
  border: 1px solid {$lightblueborder};

92
  background-color: {$bluebackground};

93
  color: {$greytext};

94
  text-decoration: none;

95
}

96


97
.day-view-all-day {

98
  margin: 3px 0 3px 4px;

99
  display: block;

100
}

101


102
.phui-calendar-day-event + .phui-calendar-day-event .day-view-all-day {

103
  border-top-style: none;

104
  border-top-width: 0;

105
}

106


107
.phui-calendar-all-day-label {

108
  color: {$greytext};

109
  float: right;

110
  margin: 8px 8px 0 0;

111
}

112


113