107 lines
2.8 KiB
SCSS
107 lines
2.8 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Calendar ----------------------------------------------------------------- */
|
|
|
|
.app-calendar .app-content {
|
|
.fc-highlight {
|
|
background: var(--color-background-hover);
|
|
opacity: unset;
|
|
}
|
|
|
|
.fc .fc-cell-shaded {
|
|
background-color: var(--color-border);
|
|
}
|
|
|
|
.fc-daygrid-week-number {
|
|
background-color: var(--color-background-darker);
|
|
border-bottom: 1px solid var(--color-border);
|
|
border-right: 1px solid var(--color-border);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
|
|
.fc .fc-daygrid-day.fc-day-today,
|
|
.fc .fc-timegrid-col.fc-day-today,
|
|
.fc-day-today.fc-col-header-cell {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
|
|
.fc-day-today.fc-col-header-cell a,
|
|
.fc-day-today.fc-col-header-cell span {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
.fc-daygrid-day.fc-day.fc-day-other,
|
|
.fc .fc-daygrid-day.fc-day-today.fc-day-other {
|
|
background-color: var(--color-background-darker) !important;
|
|
border-color: var(--color-border);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today,
|
|
.fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today,
|
|
.fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell {
|
|
background-color: inherit !important;
|
|
}
|
|
}
|
|
|
|
.app-calendar .app-sidebar {
|
|
.app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active {
|
|
border-bottom-color: var(--color-primary-element);
|
|
box-shadow: inset 0 -1px 0 var(--color-primary-element);
|
|
}
|
|
|
|
.repeat-option-set-section-grid-item {
|
|
&:active,
|
|
&:focus {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
}
|
|
|
|
.repeat-option-set-section-grid-item.primary {
|
|
background-color: var(--color-primary-element) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.modal--scheduler .fc .fc-button-primary {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
|
|
&:hover {
|
|
background-color: var(--color-main-background);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
// New styling for vue
|
|
|
|
#content-vue
|
|
.app-navigation-entry__counter-wrapper
|
|
.action-item.sharing
|
|
.material-design-icon.share {
|
|
opacity: 1;
|
|
}
|
|
|
|
.popover.open .action-link {
|
|
opacity: 1;
|
|
}
|