schedule.module.scss 1.12 KB
Newer Older
Kim, Subin's avatar
KU    
Kim, Subin committed
1
.list {
Kim, Subin's avatar
Kim, Subin committed
2
    height: 60vh;
Kim, Subin's avatar
KU    
Kim, Subin committed
3
    overflow-y: auto;
Kim, Subin's avatar
Kim, Subin committed
4
    padding-bottom: 4vh;
Kim, Subin's avatar
KU    
Kim, Subin committed
5
6
}

Kim, Subin's avatar
Kim, Subin committed
7
.activeBtn {
Kim, Subin's avatar
Kim, Subin committed
8
9
10
11
    & .title {
        width: inherit;
    }

Kim, Subin's avatar
Kim, Subin committed
12
13
14
15
16
17
18
19
    &:focus {
        border-color: black;
    }

    // 펼쳐졌을 때
    &:not(.collapsed) {
        color: black;
        border-bottom: 1px solid #000000;
Kim, Subin's avatar
Kim, Subin committed
20
21
22
23
24

        & .title {
            white-space: normal;
            word-break: break-all;
        }
Kim, Subin's avatar
Kim, Subin committed
25

Kim, Subin's avatar
Kim, Subin committed
26
27
28
29
30
31
        & .period {
            display: block;
        }

        & .time {
            display: none;
Kim, Subin's avatar
Kim, Subin committed
32
33
34
35
36
37
        }
    }

    // 숨겨졌을 때
    &[class~="collapsed"] {
        border-bottom: 0;
Kim, Subin's avatar
Kim, Subin committed
38

Kim, Subin's avatar
Kim, Subin committed
39
40
41
42
43
        & .title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
Kim, Subin's avatar
Kim, Subin committed
44
45
46
47
48
49
50
51

        & .period {
            display: none;
        }

        & .time {
            display: block;
        }
Kim, Subin's avatar
Kim, Subin committed
52
53
54
55
56
57
58
59
    }

    &::after {
        display: none;
    }
}

.textBox {
Kim, Subin's avatar
Kim, Subin committed
60
61
    white-space: pre-wrap;
    word-break: break-all;
Kim, Subin's avatar
Kim, Subin committed
62
    background-color: #fff5f7;
Kim, Subin's avatar
KU    
Kim, Subin committed
63
64
65
66
67
68
69
70
71
72
}

.header {
    background-color: crimson;
    & .ku_tiger {
        width: 46px;
        height: 35px;
    }
}

Kim, Subin's avatar
Kim, Subin committed
73
74
75
.flowText {
    font-family: "Plex-Bold";
}