@use '../variables.scss' as vars;

$cubeSize: 10px;

:host {
  display: contents;

  @include vars.grad();
  @include vars.value();

  .value {
    width: 100%;
  }

  .column {
    @include vars.gridColumn();
    flex-wrap: nowrap;
    padding-right: 10px;
    position: relative;

    .cube {
      display: inline-block;
      width: $cubeSize;
      min-width: $cubeSize;
      height: $cubeSize;
      margin-right: 5px;
      border-radius: 2px;
    }

    &.mass-task-edit-mode {
      mat-checkbox {
        padding-left: 4px;
        padding-bottom: 2px;
      }
    }
  }
}

:host ::ng-deep {
  app-cmf-inline-edit {
    .inline-edit-wrap .inline-edit .inline-edit-text.prewrap {
      white-space: nowrap;
    }
  }
}