ui/static/spark-dag-viz.css

0001 /*
0002  * Licensed to the Apache Software Foundation (ASF) under one or more
0003  * contributor license agreements.  See the NOTICE file distributed with
0004  * this work for additional information regarding copyright ownership.
0005  * The ASF licenses this file to You under the Apache License, Version 2.0
0006  * (the "License"); you may not use this file except in compliance with
0007  * the License.  You may obtain a copy of the License at
0008  *
0009  *    http://www.apache.org/licenses/LICENSE-2.0
0010  *
0011  * Unless required by applicable law or agreed to in writing, software
0012  * distributed under the License is distributed on an "AS IS" BASIS,
0013  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
0014  * See the License for the specific language governing permissions and
0015  * limitations under the License.
0016  */
0017
0018 #dag-viz-graph a, #dag-viz-graph a:hover {
0019   text-decoration: none;
0020 }
0021
0022 #dag-viz-graph .label {
0023   font-weight: normal;
0024   text-shadow: none;
0025   color: #333;
0026 }
0027
0028 #dag-viz-graph svg path {
0029   stroke: #444;
0030   stroke-width: 1.5px;
0031 }
0032
0033 #dag-viz-graph svg g.cluster rect {
0034   stroke-width: 1px;
0035 }
0036
0037 #dag-viz-graph div#empty-dag-viz-message {
0038   margin: 15px;
0039 }
0040
0041 /* Job page specific styles */
0042
0043 #dag-viz-graph svg.job marker#marker-arrow path {
0044   fill: #333;
0045   stroke-width: 0px;
0046 }
0047
0048 #dag-viz-graph svg.job g.cluster rect {
0049   fill: #A0DFFF;
0050   stroke: #3EC0FF;
0051   stroke-width: 1px;
0052 }
0053
0054 #dag-viz-graph svg.job g.cluster.skipped rect {
0055   fill: #D6D6D6;
0056   stroke: #B7B7B7;
0057   stroke-width: 1px;
0058 }
0059
0060 #dag-viz-graph svg.job g.cluster.stage rect {
0061   fill: #FFFFFF;
0062   stroke: #FF99AC;
0063   stroke-width: 1px;
0064 }
0065
0066 #dag-viz-graph svg.job g.cluster.stage.skipped rect {
0067   stroke: #ADADAD;
0068   stroke-width: 1px;
0069 }
0070
0071 #dag-viz-graph svg.job g#cross-stage-edges path {
0072   fill: none;
0073 }
0074
0075 #dag-viz-graph svg.job g.cluster text {
0076   fill: #333;
0077 }
0078
0079 #dag-viz-graph svg.job g.cluster.skipped text {
0080   fill: #666;
0081 }
0082
0083 #dag-viz-graph svg.job g.node circle {
0084   fill: #444;
0085 }
0086
0087 #dag-viz-graph svg.job g.node.cached circle {
0088   fill: #A3F545;
0089   stroke: #52C366;
0090   stroke-width: 2px;
0091 }
0092
0093 #dag-viz-graph svg.job g.cluster.barrier rect {
0094   fill: #B4E9E2;
0095   stroke: #32DBC6;
0096   stroke-width: 2px;
0097 }
0098
0099 /* Stage page specific styles */
0100
0101 #dag-viz-graph svg.stage g.cluster rect {
0102   fill: #A0DFFF;
0103   stroke: #3EC0FF;
0104   stroke-width: 1px;
0105 }
0106
0107 #dag-viz-graph svg.stage g.cluster.stage rect {
0108   fill: #FFFFFF;
0109   stroke: #FFA6B6;
0110   stroke-width: 1px;
0111 }
0112
0113 #dag-viz-graph svg.stage g.node g.label text tspan {
0114   fill: #333;
0115 }
0116
0117 #dag-viz-graph svg.stage g.cluster text {
0118   fill: #333;
0119 }
0120
0121 #dag-viz-graph svg.stage g.node rect {
0122   fill: #C3EBFF;
0123   stroke: #3EC0FF;
0124   stroke-width: 1px;
0125 }
0126
0127 #dag-viz-graph svg.stage g.node.cached rect {
0128   fill: #B3F5C5;
0129   stroke: #52C366;
0130   stroke-width: 2px;
0131 }
0132
0133 #dag-viz-graph svg.stage g.cluster.barrier rect {
0134   fill: #84E9E2;
0135   stroke: #32DBC6;
0136   stroke-width: 2px;
0137 }
0138
0139 .tooltip-inner {
0140   white-space: pre-wrap;
0141 }