147 lines
2.4 KiB
SCSS
147 lines
2.4 KiB
SCSS
.calendar {
|
|
height: 645px; // Must be fixed to prevent height change on load
|
|
padding: 0 0.5em;
|
|
|
|
&.fc-unthemed {
|
|
tbody,
|
|
thead,
|
|
tr {
|
|
border: none;
|
|
}
|
|
|
|
.fc-basic-view .fc-day-top .fc-day-number {
|
|
float: left;
|
|
}
|
|
|
|
.fc-bg td.fc-today {
|
|
background-color: $highlight-medium;
|
|
border-style: solid;
|
|
}
|
|
|
|
.fc-month-view .fc-widget-content,
|
|
.fc-basicWeek-view .fc-widget-content,
|
|
.fc-head-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.fc-bg tbody {
|
|
border-width: 0;
|
|
}
|
|
|
|
.fc-header-toolbar {
|
|
margin: 1em 0 0.5em 0;
|
|
}
|
|
|
|
.fc-title {
|
|
@include ellipsis;
|
|
display: block;
|
|
}
|
|
|
|
.fc-widget-header span {
|
|
padding: 3px 3px 3px 0.5em;
|
|
}
|
|
|
|
.fc-center {
|
|
display: none;
|
|
}
|
|
|
|
.fc-button {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
background: $primary-low;
|
|
text-transform: capitalize;
|
|
color: $primary;
|
|
text-shadow: none;
|
|
border: none;
|
|
|
|
padding: 6px 12px;
|
|
|
|
&:hover {
|
|
background: $primary-medium;
|
|
color: $secondary;
|
|
}
|
|
|
|
&.fc-state-active {
|
|
background: $tertiary;
|
|
color: $secondary;
|
|
}
|
|
margin: 0.3em 0 0.3em 0.5em;
|
|
}
|
|
|
|
.fc-button-group {
|
|
margin: 0.3em 0 0.3em 0.5em;
|
|
// margin-right: 0;
|
|
.fc-button {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fc-event,
|
|
.fc-event-dot {
|
|
background-color: $tertiary;
|
|
border: 1px solid transparent;
|
|
|
|
.fc-time {
|
|
display: none;
|
|
}
|
|
|
|
&.grouped-event {
|
|
background-color: none;
|
|
background: $secondary;
|
|
border: 1px solid $primary-low-mid;
|
|
color: $primary;
|
|
|
|
.emoji {
|
|
margin-right: 0.25em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fc-left {
|
|
.fc-button-group:first-child {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mention .d-icon {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
a.holiday {
|
|
cursor: default;
|
|
}
|
|
|
|
.combo-box.user-timezone {
|
|
min-width: 15em;
|
|
}
|
|
|
|
.discourse-calendar-header {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
box-sizing: border-box;
|
|
padding: 0.5em;
|
|
border-bottom: 1px solid $primary-low;
|
|
background: $primary-very-low;
|
|
|
|
.discourse-calendar-timezone-picker {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.discourse-calendar-title {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.title {
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
}
|
|
}
|
|
|
|
.discourse-calendar-wrap {
|
|
border: 1px solid $primary-low;
|
|
}
|