planka/client/src/components/CardModal/Tasks/Item.module.scss

:global(#app) {
  .button {
    background: transparent;
    box-shadow: none;
    line-height: 28px;
    margin: 0;
    min-height: auto;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 28px;

    &:hover {
      background: rgba(9, 30, 66, 0.08);
    }
  }

  .checkboxWrapper {
    display: inline-block;
    padding: 10px 15px 0px 8px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    vertical-align: top;
    z-index: 2000;
    line-height: 1;
    height: 100%;
  }

  .contentHoverable:hover {
    background: rgba(9, 30, 66, 0.04);

    .target {
      opacity: 1;
    }
  }

  .task {
    display: inline-block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 8px 0;
    vertical-align: top;
    width: 100%;
  }

  .taskCompleted {
    text-decoration: line-through;
  }

  .text {
    background: transparent;
    border-radius: 3px;
    color: #17394d;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    min-height: 32px;
    padding: 0 32px 0 40px;
    width: 100%;
  }

  .textEditable {
    cursor: pointer;
  }

  .wrapper {
    border-radius: 3px;
    cursor: auto;
    margin-left: -40px;
    min-height: 32px;
    position: relative;
    width: calc(100% + 40px);
  }
}