Vertical border lines in month view can't be changed

[oscar6662]

Version

@toast-ui/react-calendar: ^2.1.3,

Test Environment

locally. Both Safari and Google Chrome

Current Behavior

When editing the border parameter in Theme->common only the horizontal lines change to the expected format. Vertical ones remain unchanged. I've tried all possible theme settings that include the border parameter and none changes the horizontal lines.

            border: "1px solid rgb(64, 64, 71)",

Expected Behavior

Can someone tell me how to change the horizontal grid lines? I've been trying for the past day all sorts of possibilities and it seems odd that it's this hard.

[adhrinae]

It's hardcoded in the CSS file.

https://github.com/nhn/tui.calendar/blob/main/apps/calendar/src/css/daygrid/dayGrid.css#L34-L36

You need to add the prefix to the classname when you overriding CSS.

.toastui-calendar-daygrid-cell + .toastui-calendar-daygrid-cell {
	/* Change here */
    border-left: 1px solid #e5e5e5;
}