Files
meteor/packages/non-core/bundle-visualizer/style.css
François Fournier 5be354b10f Fix bug #10880 "[1.9] bundle-visualizer crashes app" (#10886)
The updated babel-based minifiers must be more tight on some syntax. This
trailing coma has been there for a while but it's now causing issue when
minimizing to view the bundle size. Tests on a local app show a resolution
just by deleting the coma.
2020-02-01 13:42:57 -05:00

151 lines
3.3 KiB
CSS

.meteorBundleVisualizer.meteorBundleVisualizerMask {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #cdcdcd;
opacity: 0.5;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer {
position: absolute;
z-index: 99999;
top: 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
width: 960px;
height: 700px;
margin: 10px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerMain
{
float: left;
width: 950px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills,
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerSequence
{
width: 800px;
height: 70px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerSequence text
{
font-weight: 600;
fill: #fff;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerChart
{
position: relative;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerChart path
{
stroke: #fff;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerExplanation
{
position: absolute;
top: 260px;
left: 405px;
width: 140px;
text-align: center;
color: #000;
z-index: -1;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPercentage
{
font-size: 2.5em;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerBytes
{
font-size: 2em;
font-weight: bold;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills .meteorBundleVisualizerPill
{
display: inline-block;
border: 2px solid black;
width: 176px;
margin-right: 5px;
border-radius: 15px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills,
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerTrail
{
position: absolute;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
left: 0;
min-width: 180px;
font-weight: bold;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerTrail
{
top: 100px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills .meteorBundleVisualizerPill,
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerTrail .meteorBundleVisualizerTrailSegment
{
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 40px;
margin-bottom: 5px;
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills .meteorBundleVisualizerPill
{
cursor: pointer;
background-color: rgba(171, 171, 171, 0.3);
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills .meteorBundleVisualizerPill:hover
{
background-color: rgba(171, 171, 171, 0.8);
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerPills
.meteorBundleVisualizerPill.meteorBundleVisualizerActive
{
background-color: rgba(171, 171, 171, 1);
}
.meteorBundleVisualizer.meteorBundleVisualizerRootContainer
.meteorBundleVisualizerTrail .meteorBundleVisualizerTrailSegment
{
border-radius: 3px;
border: 2px dotted black;
}