6917b1dce6
Features: • Termin Typen wurden erweitert o IBN ESTMK (Kundensuche alles außer Xinon) o IBN Snopp (Kundensuche alles außer Xinon) o Störungen (Ticketsuche) Derzeit werden Ticket Informationen wie bei IBN (Betreff und Ort eingesetzt, wenn leer) bzw. die Beschreibung erhält den Ticket Link und das Subjekt des Tickets (Ticket Link derzeit nur im Outlook Anklickbar (offene Punkte Hyperlinks)) • Symbole der Termin Typen angepasst • Für Outlook werden für die verschiedenen Termintypen derzeit die Standard Kategorien in Deutsch hergenommen (Anfrage zwecks zentraler Kategorien läuft) o Gelbe Kategorie … IBN Xinon o Grüne Kategorie … IBN ESTMK o Lila Kategorie … IBN Snopp o Rote Kategorie … Störung • Filter wurden eingebaut o Es kann nun explizit nach Termintypen gefiltert werden o Es können auch Termintypen in Kombination gefiltert werden • Vorlagen können nun selbst erstellt und bearbeitet werden o Dynamische Felder Datum [&&date&&] … Startdatum des Termins Start [&&start&&] … Startuhrzeit des Termins Ende [&&end&&] … Enduhrzeit des Termins dyn. VM/NM [&&vmnm&&] … dynamisch vormittags oder nachmittags je nach Startzeit > 12:00 = nachmittags o Vorlagen sind jeweils für jeden IBN Termin Typ zu erstellen o Es darf nur 1ne Reminder Vorlage per Termintyp geben Bugfix: • Mehrfachanzeigebug vom gleichen Termin, wenn der Termin mehrfach in kurzer Zeit verschoben oder vergrößert/verkleinert wurde. • Tolltipps verschwinden jetzt nicht, wenn man direkt darauf fährt.
717 lines
11 KiB
CSS
717 lines
11 KiB
CSS
.fc-event {
|
|
border-radius: 2px;
|
|
border: none;
|
|
cursor: no-drop;
|
|
font-size: 13px;
|
|
margin: 3px 7px;
|
|
padding: 1px 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.fc-timegrid-event-short .fc-event-main-frame {
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
margin-left: 13px;
|
|
}
|
|
|
|
.fc-toolbar {
|
|
@media (max-width: 767px) {
|
|
flex-direction: column;
|
|
.fc-toolbar-chunk {
|
|
margin-bottom: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fc .fc-button-primary:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.fc .fc-button:focus {
|
|
box-shadow: none;
|
|
outline: 0px;
|
|
}
|
|
|
|
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.popper, .tooltip {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
/* background: #FFC107; */
|
|
color: #0f5be9;
|
|
width: auto;
|
|
/* border-radius: 3px; */
|
|
/* box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); */
|
|
padding: 10px;
|
|
text-align: center;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
max-width: 500px;
|
|
padding: 0.4rem 0.8rem;
|
|
color: #fff;
|
|
text-align: center;
|
|
background-color: #2c3e50;
|
|
border-radius: 0.2rem;
|
|
}
|
|
|
|
.style5 .tooltip {
|
|
background: #1E252B;
|
|
color: #FFFFFF;
|
|
max-width: 200px;
|
|
width: auto;
|
|
font-size: .8rem;
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
.popper .popper__arrow,
|
|
.tooltip .tooltip-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
position: absolute;
|
|
margin: 5px;
|
|
}
|
|
|
|
.tooltip .tooltip-arrow,
|
|
.popper .popper__arrow {
|
|
border-color: #FFC107;
|
|
}
|
|
|
|
.style5 .tooltip .tooltip-arrow {
|
|
border-color: #1E252B;
|
|
}
|
|
|
|
.popper[x-placement^="top"],
|
|
.tooltip[x-placement^="top"] {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.popper[x-placement^="top"] .popper__arrow,
|
|
.tooltip[x-placement^="top"] .tooltip-arrow {
|
|
border-width: 5px 5px 0 5px;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
bottom: -5px;
|
|
left: calc(50% - 5px);
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.popper[x-placement^="bottom"],
|
|
.tooltip[x-placement^="bottom"] {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.tooltip[x-placement^="bottom"] .tooltip-arrow,
|
|
.popper[x-placement^="bottom"] .popper__arrow {
|
|
border-width: 0 5px 5px 5px;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: transparent;
|
|
top: -5px;
|
|
left: calc(50% - 5px);
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.tooltip[x-placement^="right"],
|
|
.popper[x-placement^="right"] {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.popper[x-placement^="right"] .popper__arrow,
|
|
.tooltip[x-placement^="right"] .tooltip-arrow {
|
|
border-width: 5px 5px 5px 0;
|
|
border-left-color: transparent;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
left: 0px;
|
|
top: calc(50% - 5px);
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.popper[x-placement^="left"],
|
|
.tooltip[x-placement^="left"] {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.popper[x-placement^="left"] .popper__arrow,
|
|
.tooltip[x-placement^="left"] .tooltip-arrow {
|
|
border-width: 5px 0 5px 5px;
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
right: -5px;
|
|
top: calc(50% - 5px);
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
thead .fc-day-today .fc-scrollgrid-sync-inner {
|
|
background-color: #2c3e50;
|
|
|
|
}
|
|
|
|
thead .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
|
|
color: #fff;
|
|
}
|
|
|
|
.fc .fc-col-header-cell-cushion {
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.fc .fc-daygrid-day-number {
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.fc .fc-daygrid-day.fc-day-today {
|
|
background-color: rgb(44 62 80 / 12%);
|
|
}
|
|
|
|
.fc-event-title {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fc-day-today .fc-daygrid-day-top {
|
|
background-color: #2c3e50;
|
|
}
|
|
|
|
.fc-day-today .fc-daygrid-day-number {
|
|
color: #fff;
|
|
}
|
|
|
|
.fc-scroller-harness-liquid {
|
|
overflow: visible;
|
|
}
|
|
|
|
.fc .fc-scroller-harness-liquid {
|
|
height: 700px;
|
|
}
|
|
|
|
.card {
|
|
overflow: auto;
|
|
}
|
|
|
|
.card-fullscreen {
|
|
display: block;
|
|
z-index: 1040;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.fa-window-maximize, .fa-window-restore {
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
color: #323a36;
|
|
|
|
}
|
|
|
|
.color-input {
|
|
height: 20px;
|
|
width: 30px;
|
|
padding: 0;
|
|
margin: 0;
|
|
block-size: 20px;
|
|
border-image: none;
|
|
inline-size: 30px;
|
|
border-radius: 5px;
|
|
border-color: #ccc;
|
|
padding-block: 0;
|
|
padding-inline: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.color-input::-webkit-color-swatch {
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
.color-input::-moz-color-swatch {
|
|
border-radius: 3px;
|
|
border: none;
|
|
}
|
|
|
|
.color-text-input {
|
|
height: 20px;
|
|
width: 30px;
|
|
padding: 0;
|
|
margin: 0;
|
|
block-size: 20px;
|
|
border-image: none;
|
|
inline-size: 20px;
|
|
border-radius: 5px;
|
|
border-color: #ccc;
|
|
padding-block: 0;
|
|
padding-inline: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.color-text-input::-webkit-color-swatch {
|
|
border-radius: 3px;
|
|
border: 1px #ccc;
|
|
}
|
|
|
|
.color-text-input::-moz-color-swatch {
|
|
border-radius: 3px;
|
|
border: 1px #ccc;
|
|
}
|
|
|
|
.calendar-side-borders-sub {
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.calendar-side-borders-main {
|
|
border: 1px solid #ccc;
|
|
padding: 0px 5px 15px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.calendar-side-label {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.fc-daygrid-day-events .fc-event {
|
|
margin-bottom: 10px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
border-radius: 2px;
|
|
border: 0;
|
|
border-left: 3px solid #6571ff;
|
|
color: #000;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
}
|
|
|
|
.fc-daygrid-dot-event .fc-event-title {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fc-daygrid-day-events .fc-event {
|
|
text-align: center;
|
|
border: 1px solid #3788d840;
|
|
}
|
|
|
|
.tooltip-description {
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.tooltip-location {
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
|
|
box-shadow: 0px 0px 1px 1px #535353;
|
|
}
|
|
|
|
.fc-event-attachment {
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 0;
|
|
}
|
|
|
|
.fc-event-attachment-mr {
|
|
position: absolute;
|
|
right: 11px;
|
|
top: 0;
|
|
}
|
|
|
|
.fc-event-type {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: -4px;
|
|
opacity: 0.8;
|
|
filter: drop-shadow(1px 1px 1px #000);
|
|
}
|
|
|
|
.fc-event-recurrence {
|
|
position: absolute;
|
|
bottom: -4px;
|
|
left: -4px;
|
|
}
|
|
|
|
.fc-event-private {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: -2px;
|
|
}
|
|
|
|
|
|
.fc-timegrid-event-short .fc-event-time::after {
|
|
content: "";
|
|
}
|
|
|
|
.fa-duotone {
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.doc-icon-div {
|
|
width: 25px;
|
|
}
|
|
|
|
.fa-file-pdf:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #f00;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-file-xls:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #279800;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-file-csv:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #279800;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-file-zip:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #d9c800;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.fa-file-doc:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #003498;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-file-ppt:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #ff6400;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-file-xml:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #009091;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.fa-file-mp3:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #d104ad;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.fa-file-png:after, .fa-file-jpg:after {
|
|
content: "\f1c1\f1c1";
|
|
color: #001dff;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.fa-calendar-symbol:after {
|
|
color: #0600ff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.fa-calendar-lines-pen:before {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.fa-calendar-circle-plus:before {
|
|
color: #0d9f00;
|
|
}
|
|
|
|
.fa-del-attachment {
|
|
color: #ff0000;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.fa-circle-info {
|
|
font-size: 21px;
|
|
vertical-align: bottom;
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fa-circle-info:before, .fa-info-circle:before {
|
|
content: "\f05a";
|
|
color: #e70404;
|
|
}
|
|
|
|
.doc-main-div {
|
|
border-bottom: 1px dotted #ccc;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.doc-content-div {
|
|
cursor: pointer;
|
|
max-width: 70%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.doc-content-div a {
|
|
color: #000;
|
|
}
|
|
|
|
.doc-content-tooltip-div a {
|
|
color: #fff;
|
|
}
|
|
|
|
.modal-title {
|
|
color: #1b1d1c;
|
|
}
|
|
|
|
.checkbox-label {
|
|
margin-top: 2px;;
|
|
}
|
|
|
|
#documents {
|
|
margin-left: -30px;
|
|
margin-right: -30px;
|
|
}
|
|
|
|
.custom-file-input:lang(en) ~ .custom-file-label::after {
|
|
content: "Durchsuchen";
|
|
}
|
|
|
|
.required {
|
|
background-color: #fba5a5;
|
|
|
|
}
|
|
|
|
.event-search-result {
|
|
box-shadow: 0px 0px 3px 3px #f2ff00 !important;
|
|
}
|
|
|
|
.search-div .select2 {
|
|
text-align: left;
|
|
}
|
|
|
|
.text-template {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.font-12 {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.form-check-input {
|
|
position: absolute;
|
|
margin-top: 5px;
|
|
margin-left: -1.25rem;
|
|
}
|
|
|
|
.add-cal-group-div {
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 11px;
|
|
font-size: 22px;
|
|
color: #2a8504;
|
|
}
|
|
|
|
.fa-rectangle-history-circle-plus:after {
|
|
color: #0600ff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#calendar-side-div {
|
|
max-height: 850px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #d7d3f9;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #8577f9;
|
|
}
|
|
|
|
.dropdown-group-div {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 6px;
|
|
font-size: 20px;
|
|
color: #000000;
|
|
}
|
|
|
|
.move-group-div {
|
|
position: absolute;
|
|
left: 7px;
|
|
top: 10px;
|
|
font-size: 15px;
|
|
color: #676767;
|
|
cursor: grab;
|
|
}
|
|
|
|
.fa-square-arrow-down:after {
|
|
color: #0eb202;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.fa-square-arrow-up:after {
|
|
color: #ff3434;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.group-checkbox-div {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 58px;
|
|
}
|
|
|
|
.event-free {
|
|
border-left: 5px solid #0043d3;
|
|
|
|
}
|
|
|
|
.event-busy {
|
|
border-left: 5px solid #24ab00;
|
|
}
|
|
|
|
.event-tentative {
|
|
|
|
border-left: 5px solid #df0000;
|
|
}
|
|
|
|
.event-organizer {
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
padding-top: 8px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fc .fc-highlight {
|
|
background: rgb(31 161 0 / 30%);
|
|
}
|
|
|
|
.select2-container--default .select2-results__option[aria-selected=true] {
|
|
background-color: #7392f1;
|
|
color: #fff;
|
|
}
|
|
|
|
.event-accepted {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding-top: 8px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.event-status {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.accepted-status {
|
|
font-size: 18px;
|
|
vertical-align: text-bottom;
|
|
padding-top: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.event-status .fa-circle-info:before {
|
|
color: #0029ff;
|
|
}
|
|
|
|
.fa-arrow-right-from-bracket {
|
|
color: #0600ff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fa-unlock:after {
|
|
color: #000;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.fa-unlock:before {
|
|
color: #cd0909;
|
|
|
|
}
|
|
|
|
.fa-lock:after {
|
|
color: #000;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.modal-body .fa-lock:before {
|
|
color: #0ab900;
|
|
}
|
|
|
|
.cal-group-name {
|
|
display: inline-block;
|
|
max-width: 170px;
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
.group-checkbox {
|
|
margin-left: -28px;
|
|
margin-top: 4px;
|
|
}
|
|
.cursor-alias{
|
|
cursor: alias;
|
|
}
|
|
.fa-calendar-alert
|
|
{
|
|
font-size: 15px;
|
|
vertical-align: top;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
|
|
.fa-calendar-alert:after {
|
|
color: #ff0000;
|
|
opacity: 0.7;
|
|
}
|
|
.fa-calendar-alert:before {
|
|
color: #fff;
|
|
|
|
}
|
|
.fa-calendar-alert-search
|
|
{
|
|
font-size: 22px;
|
|
|
|
}
|
|
.logo-top-search
|
|
{
|
|
height: 20px;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
.btn-light-search
|
|
{
|
|
border-color: #e5e5e5;
|
|
padding: 3px 6px;
|
|
}
|
|
.top-search-filter
|
|
{
|
|
filter:grayscale(100%);
|
|
}
|
|
.fc-event-time {
|
|
z-index: 100;
|
|
} |