glide-design-system/src/lib/components/scheduler/WeekView.module.css

Glide design system is an open-source React component library. It offers numerous benefits that make them essential tools for design and development teams.

table {
  border-collapse: collapse;
  width: 100%;
}

.tableHeader {
  height: 60px;
}

.tableData {
  padding: 0;
  margin: 0;
  height: 60px;
}

.eventCellSelected {
  background-color: lightblue;
}

.eventsContainers {
  position: relative;
}

.events {
  position: absolute;
}

.eventName {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.eventsList {
  height: 60px;
  padding-bottom: 1px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}