nhn / toast-ui.react-calendar

TOAST UI Calendar wrapper for React.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Is there a way to remove the scrollbar

markawili opened this issue · comments

Version

"@toast-ui/react-calendar": "^1.0.6",

Test Environment

windows 10
microsoft edge

Current Behavior

As title suggests, just wanted to ask if there is a way to remove the scrollbar in the calendar?

Expected Behavior

@markawili

Yes, You can override the default CSS rules.

For instance, to hide the scrollbars in the week view:

.tui-full-calendar-dayname-container {
  overflow-y: hidden;
}

.tui-full-calendar-weekday-grid {
  overflow-y: hidden;
}

.tui-full-calendar-weekday-schedules {
  overflow-y: hidden;
}

.tui-full-calendar-timegrid-container {
  overflow-y: hidden;
}

Example: https://stackblitz.com/edit/tui-calendar-playground-rk2ia1?file=index.js


You can find all of the CSS rules showing scrollbars here.