src/client/views/AntimodeMenu.scss


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

.antimodeMenu-cont {
    position: absolute;
    z-index: 10000;
    height: 35px;
    background: #323232;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
    border-radius: 0px 6px 6px 6px;
    // overflow: hidden;    
    display: flex;

    &.with-rows {
        flex-direction: column
    }

    .antimodeMenu-row {
        display: flex;
        height: 35px;
    }

    .antimodeMenu-button {
        background-color: transparent;
        width: 35px;
        height: 35px;

        &.active {
            background-color: #121212;
        }
    }

    .antimodeMenu-button:hover {
        background-color: #121212;
    }

    .antimodeMenu-dragger {
        height: 100%;
        transition: width .2s;
        background-image: url("https://logodix.com/logo/1020374.png");
        background-size: 90% 100%;
        background-repeat: no-repeat;
        background-position: left center;
    }
}