trialsDetail.scss 2.28 KB
Newer Older
1
#tabsty {
Lijiaoa's avatar
Lijiaoa committed
2
    background-color: #fff;
3
4
5

    .ms-Pivot {
        .ms-Button {
6
            padding: 0;
7

8
9
10
11
12
13
            /* reset fabric style */
            margin-right: 0;
            border-right: 2px solid #fff;
            transition: 0.3s;
        }

14
        .ms-Pivot-link::before {
15
16
            height: 0;
        }
17
18

        .is-selected {
19
            background: #999;
20
21

            &:hover {
22
                background: #999;
Lijiao's avatar
Lijiao committed
23
24
            }
        }
25

26
        .is-selected::before {
27
28
            border-bottom: none;
        }
Lijiao's avatar
Lijiao committed
29
    }
30
31

    .ms-Pivot-icon {
32
33
        margin-left: 12px;
    }
34
35
36

    .ms-Pivot-text {
        /* Default metric | Hyper-parameter | Duration | Intermediate result */
37
38
39
        margin: 0 12px;
        font-size: 16px;
        font-weight: 600;
Lijiao's avatar
Lijiao committed
40
41
42
    }
}

43
.trial {
Lijiao's avatar
Lijiao committed
44
45
    /* graph, title total height */
    width: 100%;
46
    height: 500px;
Lijiaoa's avatar
Lijiaoa committed
47

48
    .graph {
Lijiao's avatar
Lijiao committed
49
50
51
52
53
        height: 432px;
        margin: 0 auto;
    }
}

54
55
56
57
58
.detailTable {
    margin-bottom: 24px;
    background: #fff;
}

59
.detailTabs {
Lijiao's avatar
Lijiao committed
60
61
62
    padding-left: 6px;
    padding-right: 18px;
}
63

Lijiao's avatar
Lijiao committed
64
/* table list all */
65
66
67
68
69
70
71
72
.bulletedList {
    background: #fff;

    .title {
        margin-top: 18px;
        margin-left: 14px;
    }
}
Lijiao's avatar
Lijiao committed
73

74
75
76
77
78
#tableList {
    width: 96%;
    margin: 0 auto;

    .commonTableStyle {
Lijiao's avatar
Lijiao committed
79
80
        overflow: hidden;
    }
81
82
}

83
.tooldetailAccuracy {
84
85
86
87
88
    user-select: text;
    min-width: 245px;
    max-width: 350px;
    max-height: 350px;
    white-space: normal;
89
    padding: 10px;
90
    overflow: auto;
91
92
    background: #6f6f6f;
    color: #fff;
93
94

    pre {
95
96
97
98
        overflow: inherit;
        margin-bottom: 10px;
    }
}
99

100
.default-metric {
101
102
103
    width: 90%;
    text-align: right;
    margin-top: 15px;
104

105
    &-graph {
106
107
108
        position: relative;
    }

109
    &-noData {
110
111
112
        position: absolute;
        left: 48%;
        top: 30%;
113
114
115
        color: #333;
    }
}
116

a1trl9's avatar
a1trl9 committed
117
.detail-title {
118
119
    .ms-Button {
        i {
120
121
122
123
            font-size: 22px;
        }
    }
}
124
125
126

/* for yAxis # intermediate position in intermediate graph */
.intermediate-graph {
127
    position: relative;
128
129

    .xAxis {
130
131
        color: #333;
        position: absolute;
132
133
134
135
136
137
        left: 50%;
        top: 88%;
        transform: translate(-50%);
    }
}

138
139
.detail-table {
    .ms-Button {
140
141
142
        padding: 0;
        height: 26px;
        margin-top: -2px;
143
144

        span {
145
146
            padding: 0;
        }
147
148
    }
}