aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/Keyframe.scss
blob: b3a950afad9c2b1c372664ab9c957de021e0f4bf (plain)
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
@import "./../globalCssVariables.scss"; 

.bar {
    height: 100%;
    width: 5px;
    background-color: #4d9900;
    position: absolute;
    
    // pointer-events: none; 
    .menubox {
        width: 200px; 
        height:200px;
        top: 50%;
        position: relative; 
        background-color: $light-color; 
        .menutable{
            tr:nth-child(odd){
                background-color:$light-color-secondary;
            }
        }
    }

    .leftResize{
        left:-12.5px; 
        height:25px; 
        width:25px; 
        border-radius: 50%; 
        background-color: white;
        border:3px solid black;
        top: calc(50% - 12.5px); 
        z-index: 1000; 
        position:absolute; 
    }
    .rightResize{
        right:-12.5px; 
        height:25px; 
        width:25px; 
        border-radius: 50%; 
        top:calc(50% - 12.5px); 
        background-color:white; 
        border:3px solid black;
        z-index: 1000; 
        position:absolute; 
    }
    .fadeLeft{
        left:0px; 
        height:100%; 
        position:absolute; 
        pointer-events: none; 
        background: linear-gradient(to left, #4d9900 10%,  $light-color);
    }

    .fadeRight{
        right:0px; 
        height:100%; 
        position:absolute; 
        pointer-events: none; 
        background: linear-gradient(to right, #4d9900 10%,  $light-color);
    }
    .divider{
        height:100%; 
        width: 1px; 
        position: absolute; 
        background-color:black; 
        cursor: col-resize; 
    }
    .keyframe{
        height:100%; 
        position:absolute;
    }
    .keyframeCircle{        
        left:-15px;         
        height:30px; 
        width:30px; 
        border-radius: 50%; 
        top:calc(50% - 15px); 
        background-color:white; 
        border:3px solid green;
        z-index: 1000; 
        position:absolute; 
    }

}