Enhancement Request - Events as Text
I would like to see an option to view events on the calendar as colored text rather than a BOLD colored box. When you have many events and calendars showing, the BOLD colored boxes get to be to much.
@MNOCFan can you show a screenshot of your particular case to illustrate the problem better?
@jancborchardt It isn't a "problem" really. What I was trying to describe was a way to show the events as colored text rather than a bold colored box. Basically inverting the colors. I will see if I can come up with an example for you.
Not possible at the moment, this behaviour comes from fullcalendar script (3rdparty) itself!
@libasys Acceptable answer! Thank you for considering.
on current master, i added the styling information of events on end of css/style.css now you can setup self the opacity,border,border-radius,etc of events
/*COLOR CONFIG OF BIRTHDAY, EVENTS AND SHARED EVENTS*/
/*
.fc-event {
border: 1px solid #3a87ad;
background-color: #3a87ad;
color: #fff;
font-size: .85em;
cursor: default;
}*/
.birthday-calendar{
background-color:#DF5A00;
color:#000;
border-color:#AD0D00;
padding-left:5px;
}
.shared-events{
background-color:#ccc;
color:red;
border-color:red;
padding-left:5px;
}
.fc-event-vert {
border-width: 0;
border-left-width: 5px;
opacity:1;
}
.fc-event-vert.fc-event-start {
border-top-width: 0px;
border-radius:4px;
}
.fc-event-vert.fc-event-end {
border-bottom-width: 0px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
/*border-radius:3px;*/
opacity:0.45;
filter: alpha(opacity=45);
}
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
border-width: 0;
border-radius:4px;
border-left-width: 5px;
opacity:1;
}
.fc-event-hori .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
/*border-radius:3px;*/
opacity:0.45;
filter: alpha(opacity=45);
}