0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-14 13:58:53 +08:00
discourse/plugins/discourse-calendar/assets/stylesheets/common/full-calendar-ext.scss
David Taylor 45535887f1
Revert "FEATURE: discourse-workflows (#39704)" (#40366)
This reverts commit 9f4d1b5f61.

This merge unintentionally included a number of unrelated changes.
Reverting while we investigate what happened.
2026-05-28 13:59:42 +01:00

128 lines
2 KiB
SCSS
Vendored

@use "lib/viewport";
.fc {
padding-bottom: 5px;
.fc-button .fc-icon {
font-size: 1.2em;
line-height: 0.8;
}
}
.fc-button,
.fc-button-active:focus {
box-shadow: none !important;
}
.fc-button:focus {
background: var(--d-button-default-bg-color--hover) !important;
color: var(--d-button-default-text-color--hover) !important;
}
.fc-button:not([disabled]):hover {
--fc-button-text-color: var(--d-button-default-text-color--hover) !important;
}
.fc-button-active {
color: var(--d-button-primary-text-color) !important;
}
.fc-button-active:focus {
background: var(--d-button-primary-bg-color--hover) !important;
color: var(--d-button-primary-text-color--hover) !important;
}
.fc-col-header-cell {
&.fc-day {
a {
color: var(--primary);
text-transform: uppercase;
font-size: var(--font-down-2);
}
}
}
.fc-timegrid-slot-lane {
cursor: pointer;
&:hover {
background-color: var(--tertiary-50);
opacity: 0.6;
}
}
.fc-daygrid-day-frame {
.fc-daygrid-day-top {
justify-content: center;
.fc-daygrid-day-number {
font-size: var(--font-down-2);
color: var(--primary);
}
}
}
.fc-daygrid-day {
cursor: pointer;
&:hover {
background-color: var(--tertiary-50);
}
}
.fc-header-toolbar {
.fc-button,
.fc-toolbar-title {
font-size: var(--font-0);
@include viewport.from(md) {
font-size: var(--font-down-1);
}
}
}
.fc-event-past {
opacity: 0.3;
}
.fc-recurring-event .fc-event-title .d-icon {
margin-right: 0.25em;
font-size: var(--font-down-2);
opacity: 0.8;
}
.fc-dayGridMonth-view {
.fc-event-time {
overflow: visible !important;
}
@include viewport.until(md) {
.fc-event-time {
display: none;
}
}
}
#upcoming-events-calendar {
height: 100%;
}
@include viewport.until(md) {
.fc-header-toolbar {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.fc-toolbar-chunk {
display: flex;
}
.post-calendar {
.fc-toolbar-chunk:nth-child(3) {
.fc-button-group {
flex-grow: 1;
}
}
}
}