lila/ui/lib/css/chat/_chat.mod.scss at b58666a59a63012d9e2817ae6ed3f6f5b519230f · Simek/lila · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
.mchat-mod {
  .top {
    @extend %flex-center;

    justify-content: space-between;
    flex: 0 0 auto;
    background: $c-accent;
    color: #fff;
    padding: 0.4em 10px;
    line-height: 1.4em;

    a {
      color: #fff;
    }
  }

  .moderation {
    background: $c-bg-box;
    overflow: auto;

    .block {
      padding: 0 10px 10px 10px;
    }

    .history {
      td {
        @include padding-direction(0.3rem, 0.5rem, 0.3rem, 0);
      }

      table {
        width: 100%;
      }

      .reason {
        text-transform: capitalize;
      }

      .mod,
      time {
        opacity: 0.8;
      }
    }

    .line-text {
      padding-top: 10px;
      font-style: italic;
    }

    .infos > * {
      display: inline-block;
      margin-inline-end: 5px;
    }

    .timeout a {
      @extend %nowrap-ellipsis;
      @include transition;

      color: $c-accent;
      display: block;
      line-height: 1.5em;
      margin-inline-start: -10px;
    }

    .timeout a::before {
      opacity: 0;
      transition: 0.3s;
    }

    .timeout a:hover {
      margin-inline-start: 0;
    }

    .timeout a:hover::before {
      opacity: 1;
      margin-inline-end: 2px;
    }

    .shadowban {
      margin-top: 10px;
    }

    .shadowban form {
      display: inline;
    }
  }
}