Css for Resize-Points of event

Event calendars & schedulers
1

Hi there,
how can i resize the “Resize-Points” of an event?

I mean the small Point on top and bottom of an event where i can resize an event.
Didnt find the css for them.

Best regards
Markus

2

Hi @Markus_Schlimgen ,

The styling of the resize circles can be modified with the help of custom css. Here is an example to one:
​

.my-schedule-class .mbsc-schedule-event-resize:after {
  margin: 1px 0;
  width: .5em;
  height: .5em;
  background: red;
  border-radius: 25%;
  border: 1px solid blue;
}

.my-schedule-class  .mbsc-schedule-event-resize-start::after {
  right: auto; 
  left: 5px;
}

.my-schedule-class .mbsc-schedule-event-resize-end::after {
  left: auto;
  right: 5px;
}
1 Like
3

Thanks for your help, it works.