DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

style: format code

Browse source
This commit is contained in:
Dominik 2025-06-16 19:44:09 +02:00
parent 04b1b80e53
commit 3a96d0e259
4 changed files with 187 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/calendar.tsx
View file

@ -1,4 +1,4 @@
"use client"; 'use client';
import { Calendar, momentLocalizer } from 'react-big-calendar'; import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment'; import moment from 'moment';
@ -13,26 +13,25 @@ moment.updateLocale('en', {
}, },
}); });
const localizer = momentLocalizer(moment) const localizer = momentLocalizer(moment);
const MyCalendar = (props) => ( const MyCalendar = (props) => (
<div> <div>
<Calendar <Calendar
localizer={localizer} localizer={localizer}
//events={myEventsList} //events={myEventsList}
startAccessor="start" startAccessor='start'
endAccessor="end" endAccessor='end'
style={{ height: 500 }} style={{ height: 500 }}
culture="de-DE" culture='de-DE'
defaultView='week' defaultView='week'
/*CustomToolbar*/ /*CustomToolbar*/
components={{ components={{
toolbar: CustomToolbar toolbar: CustomToolbar,
}} }}
/*CustomToolbar*/ /*CustomToolbar*/
/> />
</div> </div>
) );
export default MyCalendar; export default MyCalendar;

4
src/components/custom-toolbar.css
View file

@ -75,11 +75,11 @@
} }
.custom-toolbar .navigation-controls button:hover { .custom-toolbar .navigation-controls button:hover {
background-color: #1976D2; background-color: #1976d2;
} }
.custom-toolbar .navigation-controls button:active { .custom-toolbar .navigation-controls button:active {
background-color: #1565C0; background-color: #1565c0;
} }
/* Dropdown-Bereich für Woche und Jahr */ /* Dropdown-Bereich für Woche und Jahr */

43
src/components/custom-toolbar.tsx
View file

@ -16,15 +16,21 @@ interface CustomToolbarProps {
onView: (newView: 'month' | 'week' | 'day' | 'agenda') => void; onView: (newView: 'month' | 'week' | 'day' | 'agenda') => void;
} }
const CustomToolbar: React.FC<CustomToolbarProps> = ({ date, view, onNavigate, onView }) => { const CustomToolbar: React.FC<CustomToolbarProps> = ({
date,
view,
onNavigate,
onView,
}) => {
//ISO-Wochennummer eines Datums ermitteln //ISO-Wochennummer eines Datums ermitteln
const getISOWeek = (date: Date): number => { const getISOWeek = (date: Date): number => {
const tmp = new Date(date.getTime()); const tmp = new Date(date.getTime());
//Datum so verschieben, dass der nächste Donnerstag erreicht wird (ISO: Woche beginnt am Montag) //Datum so verschieben, dass der nächste Donnerstag erreicht wird (ISO: Woche beginnt am Montag)
tmp.setDate(tmp.getDate() + 4 - (tmp.getDay() || 7)); tmp.setDate(tmp.getDate() + 4 - (tmp.getDay() || 7));
const yearStart = new Date(tmp.getFullYear(), 0, 1); const yearStart = new Date(tmp.getFullYear(), 0, 1);
const weekNo = Math.ceil((((tmp.getTime() - yearStart.getTime()) / 86400000) + 1) / 7); const weekNo = Math.ceil(
((tmp.getTime() - yearStart.getTime()) / 86400000 + 1) / 7,
);
return weekNo; return weekNo;
}; };
@ -60,7 +66,9 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ date, view, onNavigate, o
//Lokaler State für Woche und ISO-Wochenjahr (statt des reinen Kalenderjahrs) //Lokaler State für Woche und ISO-Wochenjahr (statt des reinen Kalenderjahrs)
const [selectedWeek, setSelectedWeek] = useState<number>(getISOWeek(date)); const [selectedWeek, setSelectedWeek] = useState<number>(getISOWeek(date));
const [selectedYear, setSelectedYear] = useState<number>(getISOWeekYear(date)); const [selectedYear, setSelectedYear] = useState<number>(
getISOWeekYear(date),
);
//Auswahl aktualisieren, wenn sich die Prop "date" ändert //Auswahl aktualisieren, wenn sich die Prop "date" ändert
useEffect(() => { useEffect(() => {
@ -73,7 +81,10 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ date, view, onNavigate, o
const weekOptions = Array.from({ length: totalWeeks }, (_, i) => i + 1); const weekOptions = Array.from({ length: totalWeeks }, (_, i) => i + 1);
//Jahresliste //Jahresliste
const yearOptions = Array.from({ length: 21 }, (_, i) => selectedYear - 10 + i); const yearOptions = Array.from(
{ length: 21 },
(_, i) => selectedYear - 10 + i,
);
//Start (Montag) und Ende (Sonntag) der aktuell angezeigten Woche berechnen //Start (Montag) und Ende (Sonntag) der aktuell angezeigten Woche berechnen
const weekStartDate = getDateOfISOWeek(selectedWeek, selectedYear); const weekStartDate = getDateOfISOWeek(selectedWeek, selectedYear);
@ -175,11 +186,13 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ date, view, onNavigate, o
} }
}; };
return ( return (
<div className="custom-toolbar" style={{ display: 'flex', flexDirection: 'initial', gap: '8px' }}> <div
className='custom-toolbar'
style={{ display: 'flex', flexDirection: 'initial', gap: '8px' }}
>
<div className='view-change'> <div className='view-change'>
<div className="view-switcher" style={{ display: 'flex', gap: '8px' }}> <div className='view-switcher' style={{ display: 'flex', gap: '8px' }}>
<Button <Button
//className='hover:bg-orange-600 hover:text-white' //className='hover:bg-orange-600 hover:text-white'
type='submit' type='submit'
@ -219,13 +232,19 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ date, view, onNavigate, o
</div> </div>
</div> </div>
<div className="right-section" style={{ display: 'flex', flexDirection: 'initial', gap: '8px' }}> <div
<div className="navigation-controls" style={{ display: 'flex', gap: '8px' }}> className='right-section'
<div className="handleWeek"> style={{ display: 'flex', flexDirection: 'initial', gap: '8px' }}
>
<div
className='navigation-controls'
style={{ display: 'flex', gap: '8px' }}
>
<div className='handleWeek'>
<button onClick={handlePrev}>&lt;</button> <button onClick={handlePrev}>&lt;</button>
<button onClick={handleNext}>&gt;</button> <button onClick={handleNext}>&gt;</button>
</div> </div>
<div className="today"> <div className='today'>
<Button <Button
//className='hover:bg-orange-600 hover:text-white' //className='hover:bg-orange-600 hover:text-white'
type='submit' type='submit'

267
src/components/react-big-calendar.css
View file

@ -9,8 +9,8 @@ button.rbc-btn {
overflow: visible; overflow: visible;
text-transform: none; text-transform: none;
-webkit-appearance: button; -webkit-appearance: button;
-moz-appearance: button; -moz-appearance: button;
appearance: button; appearance: button;
cursor: pointer; cursor: pointer;
} }
@ -25,18 +25,18 @@ button.rbc-input::-moz-focus-inner {
.rbc-calendar { .rbc-calendar {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
align-items: stretch; align-items: stretch;
} }
.rbc-m-b-negative-3 { .rbc-m-b-negative-3 {
@ -51,10 +51,11 @@ button.rbc-input::-moz-focus-inner {
.rbc-calendar *:before, .rbc-calendar *:before,
.rbc-calendar *:after { .rbc-calendar *:after {
-webkit-box-sizing: inherit; -webkit-box-sizing: inherit;
box-sizing: inherit; box-sizing: inherit;
} }
.rbc-abs-full, .rbc-row-bg { .rbc-abs-full,
.rbc-row-bg {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
@ -63,7 +64,10 @@ button.rbc-input::-moz-focus-inner {
bottom: 0; bottom: 0;
} }
.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label { .rbc-ellipsis,
.rbc-show-more,
.rbc-row-segment .rbc-event-content,
.rbc-event-label {
display: block; display: block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -85,8 +89,8 @@ button.rbc-input::-moz-focus-inner {
.rbc-header { .rbc-header {
overflow: hidden; overflow: hidden;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0%; -ms-flex: 1 0 0%;
flex: 1 0 0%; flex: 1 0 0%;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
padding: 0 3px; padding: 0 3px;
@ -104,7 +108,9 @@ button.rbc-input::-moz-focus-inner {
border-left-width: 0; border-left-width: 0;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
} }
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited { .rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
@ -117,16 +123,16 @@ button.rbc-input::-moz-focus-inner {
border: none; border: none;
cursor: pointer; cursor: pointer;
-webkit-user-select: text; -webkit-user-select: text;
-moz-user-select: text; -moz-user-select: text;
-ms-user-select: text; -ms-user-select: text;
user-select: text; user-select: text;
} }
.rbc-row-content { .rbc-row-content {
position: relative; position: relative;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
z-index: 4; z-index: 4;
} }
@ -137,8 +143,8 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
} }
.rbc-row-content-scrollable .rbc-row-content-scroll-container { .rbc-row-content-scrollable .rbc-row-content-scroll-container {
@ -150,7 +156,8 @@ button.rbc-input::-moz-focus-inner {
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
/* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for Chrome, Safari and Opera */
} }
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar { .rbc-row-content-scrollable
.rbc-row-content-scroll-container::-webkit-scrollbar {
display: none; display: none;
} }
@ -179,20 +186,20 @@ button.rbc-input::-moz-focus-inner {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
} }
.rbc-toolbar .rbc-toolbar-label { .rbc-toolbar .rbc-toolbar-label {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex-positive: 1; -ms-flex-positive: 1;
flex-grow: 1; flex-grow: 1;
padding: 0 10px; padding: 0 10px;
text-align: center; text-align: center;
@ -215,14 +222,18 @@ button.rbc-input::-moz-focus-inner {
line-height: normal; line-height: normal;
white-space: nowrap; white-space: nowrap;
} }
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active { .rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
background-image: none; background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
background-color: #e6e6e6; background-color: #e6e6e6;
border-color: #adadad; border-color: #adadad;
} }
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus { .rbc-toolbar button:active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button.rbc-active:focus {
color: #373a3c; color: #373a3c;
background-color: #d4d4d4; background-color: #d4d4d4;
border-color: #8c8c8c; border-color: #8c8c8c;
@ -286,7 +297,8 @@ button.rbc-input::-moz-focus-inner {
margin-left: 0; margin-left: 0;
margin-right: -1px; margin-right: -1px;
} }
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button { .rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
margin-left: 10px; margin-left: 10px;
} }
@ -294,16 +306,17 @@ button.rbc-input::-moz-focus-inner {
.rbc-toolbar { .rbc-toolbar {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
} }
.rbc-event, .rbc-day-slot .rbc-background-event { .rbc-event,
.rbc-day-slot .rbc-background-event {
border: none; border: none;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
margin: 0; margin: 0;
padding: 2px 5px; padding: 2px 5px;
background-color: #3174ad; background-color: #3174ad;
@ -313,14 +326,18 @@ button.rbc-input::-moz-focus-inner {
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event { .rbc-slot-selecting .rbc-event,
.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
cursor: inherit; cursor: inherit;
pointer-events: none; pointer-events: none;
} }
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event { .rbc-event.rbc-selected,
.rbc-day-slot .rbc-selected.rbc-background-event {
background-color: #265985; background-color: #265985;
} }
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus { .rbc-event:focus,
.rbc-day-slot .rbc-background-event:focus {
outline: 5px auto #3b99fc; outline: 5px auto #3b99fc;
} }
@ -330,7 +347,7 @@ button.rbc-input::-moz-focus-inner {
.rbc-event-overlaps { .rbc-event-overlaps {
-webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
} }
.rbc-event-continues-prior { .rbc-event-continues-prior {
@ -359,8 +376,8 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.rbc-row-segment { .rbc-row-segment {
@ -379,7 +396,8 @@ button.rbc-input::-moz-focus-inner {
line-height: normal; line-height: normal;
color: #3174ad; color: #3174ad;
} }
.rbc-show-more:hover, .rbc-show-more:focus { .rbc-show-more:hover,
.rbc-show-more:focus {
color: #265985; color: #265985;
} }
@ -391,15 +409,15 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
width: 100%; width: 100%;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
height: 100%; height: 100%;
} }
@ -410,8 +428,8 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.rbc-month-row { .rbc-month-row {
@ -421,13 +439,13 @@ button.rbc-input::-moz-focus-inner {
position: relative; position: relative;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
-ms-flex-preferred-size: 0px; -ms-flex-preferred-size: 0px;
flex-basis: 0px; flex-basis: 0px;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
} }
@ -437,8 +455,8 @@ button.rbc-input::-moz-focus-inner {
.rbc-date-cell { .rbc-date-cell {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 1 0px; -ms-flex: 1 1 0px;
flex: 1 1 0; flex: 1 1 0;
min-width: 0; min-width: 0;
padding-right: 5px; padding-right: 5px;
text-align: right; text-align: right;
@ -446,7 +464,9 @@ button.rbc-input::-moz-focus-inner {
.rbc-date-cell.rbc-now { .rbc-date-cell.rbc-now {
font-weight: bold; font-weight: bold;
} }
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited { .rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
@ -457,19 +477,19 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
overflow: hidden; overflow: hidden;
right: 1px; right: 1px;
} }
.rbc-day-bg { .rbc-day-bg {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0%; -ms-flex: 1 0 0%;
flex: 1 0 0%; flex: 1 0 0%;
} }
.rbc-day-bg + .rbc-day-bg { .rbc-day-bg + .rbc-day-bg {
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
@ -485,7 +505,7 @@ button.rbc-input::-moz-focus-inner {
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
background-color: #fff; background-color: #fff;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
padding: 10px; padding: 10px;
} }
.rbc-overlay > * + * { .rbc-overlay > * + * {
@ -504,11 +524,11 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
overflow: auto; overflow: auto;
} }
.rbc-agenda-view table.rbc-agenda-table { .rbc-agenda-view table.rbc-agenda-table {
@ -549,10 +569,10 @@ button.rbc-input::-moz-focus-inner {
text-transform: lowercase; text-transform: lowercase;
} }
.rbc-agenda-time-cell .rbc-continues-after:after { .rbc-agenda-time-cell .rbc-continues-after:after {
content: " »"; content: ' »';
} }
.rbc-agenda-time-cell .rbc-continues-prior:before { .rbc-agenda-time-cell .rbc-continues-prior:before {
content: "« "; content: '« ';
} }
.rbc-agenda-date-cell, .rbc-agenda-date-cell,
@ -570,8 +590,8 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
min-height: 100%; min-height: 100%;
/*Own changes 06*/ /*Own changes 06*/
@ -580,8 +600,8 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-time-column .rbc-timeslot-group { .rbc-time-column .rbc-timeslot-group {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
} }
.rbc-timeslot-group { .rbc-timeslot-group {
@ -592,15 +612,15 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-flow: column nowrap; -ms-flex-flow: column nowrap;
flex-flow: column nowrap; flex-flow: column nowrap;
} }
.rbc-time-gutter, .rbc-time-gutter,
.rbc-header-gutter { .rbc-header-gutter {
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: none; -ms-flex: none;
flex: none; flex: none;
/*Own changes 07*/ /*Own changes 07*/
background-color: #8d8d8d; background-color: #8d8d8d;
@ -626,7 +646,8 @@ button.rbc-input::-moz-focus-inner {
left: 10px; left: 10px;
right: 0; right: 0;
} }
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event { .rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
border: 1px solid #265985; border: 1px solid #265985;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@ -635,11 +656,11 @@ button.rbc-input::-moz-focus-inner {
min-height: 20px; min-height: 20px;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-flow: column wrap; -ms-flex-flow: column wrap;
flex-flow: column wrap; flex-flow: column wrap;
-webkit-box-align: start; -webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
} }
@ -648,16 +669,16 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-day-slot .rbc-event-label { .rbc-day-slot .rbc-event-label {
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: none; -ms-flex: none;
flex: none; flex: none;
padding-right: 5px; padding-right: 5px;
width: auto; width: auto;
} }
.rbc-day-slot .rbc-event-content { .rbc-day-slot .rbc-event-content {
width: 100%; width: 100%;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 1 0px; -ms-flex: 1 1 0px;
flex: 1 1 0; flex: 1 1 0;
word-wrap: break-word; word-wrap: break-word;
line-height: 1; line-height: 1;
height: 100%; height: 100%;
@ -682,10 +703,10 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-view-resources .rbc-time-header-content { .rbc-time-view-resources .rbc-time-header-content {
min-width: auto; min-width: auto;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
-ms-flex-preferred-size: 0px; -ms-flex-preferred-size: 0px;
flex-basis: 0px; flex-basis: 0px;
} }
.rbc-time-view-resources .rbc-time-header-cell-single-day { .rbc-time-view-resources .rbc-time-header-cell-single-day {
display: none; display: none;
@ -697,10 +718,10 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-view-resources .rbc-day-bg { .rbc-time-view-resources .rbc-day-bg {
width: 140px; width: 140px;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 1 0px; -ms-flex: 1 1 0px;
flex: 1 1 0; flex: 1 1 0;
-ms-flex-preferred-size: 0 px; -ms-flex-preferred-size: 0 px;
flex-basis: 0 px; flex-basis: 0 px;
} }
.rbc-time-header-content + .rbc-time-header-content { .rbc-time-header-content + .rbc-time-header-content {
@ -709,8 +730,8 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-slot { .rbc-time-slot {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0px; -ms-flex: 1 0 0px;
flex: 1 0 0; flex: 1 0 0;
} }
.rbc-time-slot.rbc-now { .rbc-time-slot.rbc-now {
font-weight: bold; font-weight: bold;
@ -740,11 +761,11 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
width: 100%; width: 100%;
border: 1px solid #ddd; border: 1px solid #ddd;
min-height: 0; min-height: 0;
@ -755,7 +776,7 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-time-view .rbc-allday-cell { .rbc-time-view .rbc-allday-cell {
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
@ -773,7 +794,7 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-time-view .rbc-row { .rbc-time-view .rbc-row {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
min-height: 20px; min-height: 20px;
} }
@ -782,12 +803,12 @@ button.rbc-input::-moz-focus-inner {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
.rbc-time-header.rbc-overflowing { .rbc-time-header.rbc-overflowing {
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
@ -809,16 +830,16 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-header-content { .rbc-time-header-content {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
min-width: 0; min-width: 0;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
/*Own changes 08*/ /*Own changes 08*/
@ -835,7 +856,7 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-header-content > .rbc-row.rbc-row-resource { .rbc-time-header-content > .rbc-row.rbc-row-resource {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
-ms-flex-negative: 0; -ms-flex-negative: 0;
flex-shrink: 0; flex-shrink: 0;
} }
.rbc-time-content { .rbc-time-content {
@ -843,11 +864,11 @@ button.rbc-input::-moz-focus-inner {
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex: 1 0 0%; -ms-flex: 1 0 0%;
flex: 1 0 0%; flex: 1 0 0%;
-webkit-box-align: start; -webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
width: 100%; width: 100%;
border-top: 2px solid #717171; /*#ddd*/ border-top: 2px solid #717171; /*#ddd*/
overflow-y: auto; overflow-y: auto;
@ -855,8 +876,8 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-time-content > .rbc-time-gutter { .rbc-time-content > .rbc-time-gutter {
-webkit-box-flex: 0; -webkit-box-flex: 0;
-ms-flex: none; -ms-flex: none;
flex: none; flex: none;
/*Own changes 09*/ /*Own changes 09*/
border-top-left-radius: 11px; border-top-left-radius: 11px;
@ -873,8 +894,8 @@ button.rbc-input::-moz-focus-inner {
.rbc-time-content > .rbc-day-slot { .rbc-time-content > .rbc-day-slot {
width: 100%; width: 100%;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }
@ -894,8 +915,8 @@ button.rbc-input::-moz-focus-inner {
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.rbc-resource-grouping .rbc-row .rbc-header { .rbc-resource-grouping .rbc-row .rbc-header {
width: 141px; width: 141px;