frontend-app-authoring/src/course-outline/card-header/CardHeader.scss at 9cc9cdcfe5edc74082f71d6e0c72df85ce1c07ae · open-craft/frontend-app-authoring · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
.item-card-header {
  display: flex;
  align-items: center;

  .item-card-header__title-btn {
    justify-content: flex-start;
    padding: 0;
    flex: 1 1 0;
    height: 1.75rem;
    margin-right: .25rem;
    background: transparent;
    color: var(--pgn-color-black);

      .truncate-1-line {
        -webkit-line-clamp: 1;  /* stylelint-disable-line value-no-vendor-prefix */
        line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;  /* stylelint-disable-line value-no-vendor-prefix */
        min-width: 100px;
        -webkit-box-orient: vertical;  /* stylelint-disable-line value-no-vendor-prefix */
      }
  }

  .item-card-button-icon {
    opacity: 0;
    transition: opacity .3s linear;
    margin-right: .5rem;

    &:focus {
      opacity: 1;
    }
  }

  &:hover {
    .item-card-button-icon {
      opacity: 1;
    }
  }

  .allow-hover-on-disabled {
    &.disabled {
      pointer-events: auto;
      cursor: default;
    }
  }
}