@import "bootstrap/tooltip";
@import "bootstrap/popovers";

/* Calendar */
/* @FIXME : need to be update ! */
*[data-simple-calendar] {
  height: 100%;
  $calendar-header-height: $topbar-height;
  .calendar-header {
    margin: 0;
    height: $calendar-header-height;
    @include text-align(center);
    @include box-sizing(border-box);
    &, * {
      font-size: $fs-large;
      vertical-align: middle;
    }
    > * {
      height: $calendar-header-height;
      line-height: $calendar-header-height;
    }
    .next-month, .previous-month {
      padding: 0;
      width: 10%;
      text-align: center;
      display: block;
    }
    .next-month {
      @include float(right);
    }
    .previous-month {
      @include float(left);
    }
  }
  table {
    @include calc-height('100% - #{$calendar-header-height}');
    table-layout: fixed;
    thead {
      tr {
        th {
          height: $calendar-header-height - $default-gap;
          line-height: $calendar-header-height - $default-gap;
          vertical-align: middle;
          text-align: center;
        }
      }
    }
    td.day {
      border: 1px solid #AAA;
      background: white;
      padding: 0;
      width: 14.2857%;
      vertical-align: top;
      > div {
        min-height: 4 * $fs-normal;
        height: 100%;
        .intervention, .event {
          @include display(block);
          background: $active-color;
          color: white;
          padding: 0.1 * $default-gap 0.4 * $default-gap;
          margin: 0.1 * $default-gap;
          @include border-radius($default-border-radius);
          @include ellipsis;
          /* padding: 0 round($default-gap * 0.4); */
          /* display: block; */
          /* background: #EEE; */
          /* &, * { */
          /*   font-size: $fs-small; */
          /* } */
          /* h3 { */
          /*   font-size: $fs-normal; */
          /* } */
          &.squeezed {
            text-decoration: line-through;
          }
          &.done {
            background: mix(white, $success-color, 60%);
          }
        }
        .time-log {
          @include display(block);
          background: $active-color;
          color: white;
          padding: 0.1 * $default-gap 0.4 * $default-gap;
          margin: 0.1 * $default-gap;
          @include border-radius($default-border-radius);
          @include ellipsis;
          &.squeezed {
            text-decoration: line-through;
          }
          &.overtime {
            background: mix(white, $success-color, 60%);
          }
        }
      }
      &.today {
        background: #FE9;
      }
      &.not-current-month, &.prev-month, &.next-month {
        > div {
          @include opacity(0.6);
          &:hover {
            @include opacity(1);
          }
        }
      }
      .day-number {
        padding: 0 round($default-gap * 0.5);
        float: right;
        clear: both;
      }
    }
  }
}


.ui-tooltip {
  padding: $default-gap $default-ratio * $default-gap;
  position: absolute;
  z-index: 9999;
  max-width: $menu-width;
  @include menu();
}

li.participation {
  i {
    @include is-icon();
    &.person {
      @include use-icon(user);
    }
    &.group {
      @include use-icon(group);
    }
    &.unknown {
      @include use-icon(question);
    }
  }
}
