calendarplus icon indicating copy to clipboard operation
calendarplus copied to clipboard

Enhancement Request - Events as Text

Open MNOCFan opened this issue 10 years ago • 5 comments

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.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/25917332-enhancement-request-events-as-text?utm_campaign=plugin&utm_content=tracker%2F19394737&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F19394737&utm_medium=issues&utm_source=github).

MNOCFan avatar Aug 18 '15 18:08 MNOCFan

@MNOCFan can you show a screenshot of your particular case to illustrate the problem better?

jancborchardt avatar Aug 25 '15 15:08 jancborchardt

@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.

MNOCFan avatar Aug 25 '15 15:08 MNOCFan

Not possible at the moment, this behaviour comes from fullcalendar script (3rdparty) itself!

libasys avatar Aug 25 '15 16:08 libasys

@libasys Acceptable answer! Thank you for considering.

MNOCFan avatar Aug 25 '15 16:08 MNOCFan

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);
    }

libasys avatar Aug 26 '15 17:08 libasys