ahbeng/NUSMods

View on GitHub
website/src/views/planner/PlannerSemester.scss

Summary

Maintainability
Test Coverage
@import '~styles/utils/modules-entry';
@import 'variables';

$empty-message-height: 6rem;

.semester {
  position: relative;
  width: $semester-width;
  // Prevents the semester from collapsing at the start since all children are
  // absolute positioned
  min-height: 24rem;
  margin: 0 $column-gutter 2rem 0;

  &.emptyList .addModule {
    position: absolute;
    top: $empty-message-height + 0.5rem;
  }
}

.semesterMeta {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: var(--gray);

  p {
    margin-bottom: 0;
  }
}

.addModule {
  margin-top: 0.2rem;
}

.emptyListMessage {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: $empty-message-height;
  padding: 0.5rem 1rem;
  border: 1px dashed var(--gray-light);
  border-radius: 0.3rem;
  color: var(--gray-light);
}