src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.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
43

.collectionMulticolumnView_contents {
    display: flex;
    //overflow: hidden;  // bcz: turned of to allow highlighting to appear when there is no border (e.g, for a component of the slide template)
    width: 100%;
    height: 100%;

    .document-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        position: relative;
        > .iconButton-container {
            top: 0;
            left: 0;
            position: absolute;
        }

        .contentFittingDocumentView {
            margin: auto;
        }

        .label-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: center;
            height: 20px;
        }
    }

    .multiColumnResizer {
        cursor: ew-resize;
        transition: 0.5s opacity ease;
        display: flex;
        flex-direction: column;

        .multiColumnResizer-hdl {
            width: 100%;
            height: 100%;
            transition: 0.5s background-color ease;
        }
    }
}