asset/css/file-element.less


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

form .uploaded-files {
  list-style-type: none;
  padding: 0;
  margin: 0;

  > li:not(:last-of-type) {
    margin-bottom: .5em;
  }

  button[type="submit"].remove-uploaded-file {
    .icon {
      font-size: 1.2em;
    }

    &:focus, &:hover {
      cursor: pointer;

      .icon {
        color: red;
      }
    }
  }

  // text-overflow: ellipsis layout rules, yes, exclusively
  > li {
    display: flex;

    > button[type="submit"].remove-uploaded-file {
      display: inline-flex;
      flex: 1 1 auto;
      width: 0;

      > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}