compare.scss 1.1 KB
Newer Older
1
.compare-modal {
2
    /* decide modal size */
3
    .ms-Dialog-main {
Lijiaoa's avatar
Lijiaoa committed
4
        width: 50%;
5
6
        min-width: 450px;
    }
7
8

    .ms-Modal-scrollableContent {
9
        overflow-x: hidden;
10
    }
11

12
    /* compare-md: table style */
13
    .flex {
14
15
        display: flex;
    }
16
17

    &-table {
18
19
        width: 92%;
        margin: 0 auto;
Lijiaoa's avatar
Lijiaoa committed
20
21
        margin-bottom: 20px;
        border: 1px solid transparent;
22
        overflow: auto hidden;
23
        color: #333;
24
25

        tr {
26
27
            line-height: 30px;
        }
28
29

        tr:nth-of-type(even) {
30
31
            background-color: gainsboro;
        }
32
33

        .column {
34
35
36
37
            max-width: 124px;
            padding-left: 18px;
            font-weight: 600;
        }
38
39

        .value {
40
41
42
43
            max-width: 152px;
            padding-right: 18px;
            text-align: left;
        }
44
45

        .idList {
46
47
48
            font-weight: 600;
        }
    }
49

50
    /* compare-md: intermediate graph style */
51
    &-intermediate {
52
        position: relative;
53
54

        .compare-yAxis {
55
56
57
58
59
            color: #333;
            position: absolute;
            top: 87%;
            left: 45%;
        }
60
    }
61
}