foki.less 1.62 KB
Newer Older
1
/* Rund ums Fokus Modal */
2
3
4
5
6
7
8

#show-create-focus {
    display: none;
}

#show-create-focus:checked {
    & + #create-focus-modal {
9
        display: flex;
10
11
12
13
14
15
    } 
}

#create-focus-modal {
    display: none;
    position: fixed;
16
    justify-content: center;
17
    min-height: 100%;
18
19
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
    z-index: 150;
20
21

    #foki-modal-dialog {
22
23
24
25
26
        background-color: white;
        max-width: 70%;
        height: 950px;
        color: black;
        overflow-y: auto;
27

28
29
30
31
32
33
34
35
36
37
38
39
40
        #foki-modal-content {
            #foki-modal-header {
                padding: 15px;
                position: relative;
                #close-create-focus{
                    position: absolute;
                    right: 10px;
                    &::after {
                        font-size: 24px;
                        content: "×";
                    }
                }
            }
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
            .focus-dropdown-toggle {
                display: none;

                &:not(:checked) {
                    & ~ .focus-dropdown-label ~ .row {
                        max-height: 0px;
                        overflow: hidden;
                    }
                }
                &:checked {
                    & ~ .focus-dropdown-label::after {
                        content: "Einklappen 🡡";
                    }
                }
            }

            .focus-dropdown-label {
                font-weight: normal;
                &::after {
                    font-size: 16px;
                    content: "Ausklappen 🡣";
                    margin-left: 3px;
                }
            }
65
        }
66
67
68
    }

}