Skip to content
This repository was archived by the owner on Feb 5, 2025. It is now read-only.

Commit 89eca46

Browse files
patternfly-buildpatternfly-build
committed
Merge branch 'master-local' into master-dist
2 parents 44a2b5a + ada0b62 commit 89eca46

25 files changed

+2661
-18
lines changed

‎backstop/config/scenarios/bullet-charts.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = [{
2+
removeSelectors: ['.page-header + .alert'],
3+
label: 'bullet-charts',
4+
url: 'dist/tests/bullet-charts.html',
5+
disabled: false
6+
}]

‎backstop_data/bitmaps_reference/backstop_default_bullet-charts_0_document_0_large-device.png‎

63.1 KB
Loading

‎dist/css/patternfly-additions.css‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3421,6 +3421,276 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
34213421
font-size: 14px;
34223422
margin-right: 5px;
34233423
}
3424+
.bullet-chart-pf {
3425+
display: -ms-flexbox;
3426+
display: flex;
3427+
-ms-flex-direction: column;
3428+
flex-direction: column;
3429+
}
3430+
.bullet-chart-pf.bullet-chart-pf-vertical {
3431+
height: 100%;
3432+
-ms-flex-direction: row;
3433+
flex-direction: row;
3434+
}
3435+
.bullet-chart-pf-chart {
3436+
display: -ms-flexbox;
3437+
display: flex;
3438+
-ms-flex: 1;
3439+
flex: 1;
3440+
-ms-flex-direction: row;
3441+
flex-direction: row;
3442+
width: 100%;
3443+
}
3444+
.bullet-chart-pf-vertical .bullet-chart-pf-chart {
3445+
-ms-flex: initial;
3446+
flex: initial;
3447+
-ms-flex-direction: column-reverse;
3448+
flex-direction: column-reverse;
3449+
height: 100%;
3450+
width: initial;
3451+
}
3452+
.bullet-chart-pf-title-container {
3453+
display: -ms-flexbox;
3454+
display: flex;
3455+
-ms-flex-direction: column;
3456+
flex-direction: column;
3457+
-ms-flex-pack: center;
3458+
justify-content: center;
3459+
margin: 10px 0 25px;
3460+
padding-right: 10px;
3461+
text-align: right;
3462+
}
3463+
.bullet-chart-pf-vertical .bullet-chart-pf-title-container {
3464+
margin-bottom: 0;
3465+
padding-right: 0;
3466+
text-align: center;
3467+
}
3468+
.bullet-chart-pf-title {
3469+
font-size: 14px;
3470+
}
3471+
.bullet-chart-pf-details {
3472+
color: #9c9c9c;
3473+
font-size: 12px;
3474+
line-height: 9px;
3475+
}
3476+
.bullet-chart-pf-container {
3477+
display: -ms-flexbox;
3478+
display: flex;
3479+
-ms-flex-direction: column;
3480+
flex-direction: column;
3481+
-ms-flex: 5;
3482+
flex: 5;
3483+
}
3484+
.bullet-chart-pf-vertical .bullet-chart-pf-container {
3485+
-ms-flex-direction: row-reverse;
3486+
flex-direction: row-reverse;
3487+
-ms-flex: initial;
3488+
flex: initial;
3489+
}
3490+
.bullet-chart-pf-vertical .bullet-chart-pf-container.show-axis {
3491+
margin-left: -25px;
3492+
}
3493+
.bullet-chart-pf-data-container {
3494+
-ms-flex: 1;
3495+
flex: 1;
3496+
position: relative;
3497+
}
3498+
.bullet-chart-pf-vertical .bullet-chart-pf-data-container {
3499+
height: initial;
3500+
}
3501+
.bullet-chart-pf-vertical-data-container {
3502+
display: -ms-flexbox;
3503+
display: flex;
3504+
-ms-flex: 5;
3505+
flex: 5;
3506+
-ms-flex-direction: row;
3507+
flex-direction: row;
3508+
-ms-flex-pack: center;
3509+
justify-content: center;
3510+
}
3511+
.bullet-chart-pf-vertical-data-container .bullet-chart-pf-data-container {
3512+
-ms-flex: initial;
3513+
flex: initial;
3514+
}
3515+
.bullet-chart-pf-values-container {
3516+
height: 20px;
3517+
margin: 20px 0;
3518+
position: relative;
3519+
}
3520+
.bullet-chart-pf-vertical .bullet-chart-pf-values-container {
3521+
height: 100%;
3522+
margin: 0 20px;
3523+
width: 20px;
3524+
}
3525+
.bullet-chart-pf-value-bar {
3526+
height: 100%;
3527+
position: absolute;
3528+
transition: left 600ms ease;
3529+
}
3530+
.bullet-chart-pf-vertical .bullet-chart-pf-value-bar {
3531+
bottom: 0;
3532+
height: initial;
3533+
top: initial;
3534+
width: 100%;
3535+
}
3536+
.bullet-chart-pf-value-dot {
3537+
border-radius: 50%;
3538+
border-style: solid;
3539+
border-width: 0;
3540+
height: 20px;
3541+
-ms-transform: translateX(-50%);
3542+
transform: translateX(-50%);
3543+
position: absolute;
3544+
transition: left 600ms ease;
3545+
width: 20px;
3546+
}
3547+
.bullet-chart-pf-vertical .bullet-chart-pf-value-dot {
3548+
top: initial;
3549+
-ms-transform: translateY(50%);
3550+
transform: translateY(50%);
3551+
}
3552+
.bullet-chart-pf-threshold-indicator {
3553+
border: 0 solid #72767b;
3554+
border-left-width: 1px;
3555+
height: 100%;
3556+
position: absolute;
3557+
top: 0;
3558+
z-index: 400;
3559+
}
3560+
.bullet-chart-pf-vertical .bullet-chart-pf-threshold-indicator {
3561+
border-left-width: 0;
3562+
border-top-width: 1px;
3563+
height: 1px;
3564+
left: 0;
3565+
top: initial;
3566+
width: 100%;
3567+
}
3568+
.bullet-chart-pf-threshold-indicator.error {
3569+
border-color: #cc0000;
3570+
}
3571+
.bullet-chart-pf-threshold-indicator.warning {
3572+
border-color: #ec7a08;
3573+
}
3574+
.bullet-chart-pf-range-bar {
3575+
height: 100%;
3576+
left: 0;
3577+
position: absolute;
3578+
top: 0;
3579+
}
3580+
.bullet-chart-pf-vertical .bullet-chart-pf-range-bar {
3581+
bottom: 0;
3582+
height: initial;
3583+
top: initial;
3584+
width: 100%;
3585+
}
3586+
.bullet-chart-pf-range-bar.range-1 {
3587+
background-color: #f5f5f5;
3588+
}
3589+
.bullet-chart-pf-range-bar.range-2 {
3590+
background-color: #ededed;
3591+
}
3592+
.bullet-chart-pf-range-bar.range-3 {
3593+
background-color: #dbdbdb;
3594+
}
3595+
.bullet-chart-pf-axis {
3596+
border-top: 1px solid #72767b;
3597+
height: 25px;
3598+
position: relative;
3599+
}
3600+
.bullet-chart-pf-vertical .bullet-chart-pf-axis {
3601+
height: initial;
3602+
width: 25px;
3603+
border-right: 1px solid #72767b;
3604+
border-top: 0;
3605+
}
3606+
.bullet-chart-pf-title-container .bullet-chart-pf-axis {
3607+
border-top: 0;
3608+
}
3609+
.bullet-chart-pf-axis-tic {
3610+
padding-top: 5px;
3611+
position: absolute;
3612+
text-align: center;
3613+
width: 30px;
3614+
}
3615+
.bullet-chart-pf-vertical .bullet-chart-pf-axis-tic {
3616+
padding-top: 0;
3617+
padding-right: 5px;
3618+
width: 100%;
3619+
text-align: right;
3620+
line-height: 21px;
3621+
}
3622+
.bullet-chart-pf-axis-tic:before {
3623+
border-left: 1px solid #72767b;
3624+
content: "";
3625+
height: 3px;
3626+
left: 50%;
3627+
position: absolute;
3628+
top: -1px;
3629+
}
3630+
.bullet-chart-pf-vertical .bullet-chart-pf-axis-tic:before {
3631+
border-left: 0;
3632+
border-top: 1px solid #72767b;
3633+
height: initial;
3634+
left: initial;
3635+
right: -1px;
3636+
top: calc(50% - 1px);
3637+
width: 3px;
3638+
}
3639+
.bullet-chart-pf-overflow {
3640+
-ms-flex: 1;
3641+
flex: 1;
3642+
}
3643+
.bullet-chart-pf-legend {
3644+
margin-top: 7px;
3645+
text-align: center;
3646+
display: -ms-flexbox;
3647+
display: flex;
3648+
-ms-flex-wrap: wrap;
3649+
flex-wrap: wrap;
3650+
-ms-flex-pack: center;
3651+
justify-content: center;
3652+
}
3653+
.bullet-chart-pf-vertical .bullet-chart-pf-legend {
3654+
-ms-flex-direction: column;
3655+
flex-direction: column;
3656+
margin-left: 10px;
3657+
margin-top: 0;
3658+
text-align: left;
3659+
}
3660+
.bullet-chart-pf-legend-item {
3661+
display: inline-block;
3662+
margin-right: 10px;
3663+
}
3664+
.bullet-chart-pf-vertical .bullet-chart-pf-legend-item {
3665+
margin-right: 0;
3666+
margin-top: 10px;
3667+
}
3668+
.bullet-chart-pf-legend-item-box {
3669+
display: inline-block;
3670+
height: 13px;
3671+
margin-right: 3px;
3672+
width: 13px;
3673+
}
3674+
.bullet-chart-pf-legend-item-box.range-1 {
3675+
background-color: #f5f5f5;
3676+
}
3677+
.bullet-chart-pf-legend-item-box.range-2 {
3678+
background-color: #ededed;
3679+
}
3680+
.bullet-chart-pf-legend-item-box.range-3 {
3681+
background-color: #dbdbdb;
3682+
}
3683+
.bullet-chart-pf-legend-item-text {
3684+
display: inline-block;
3685+
line-height: 14px;
3686+
max-width: 150px;
3687+
overflow: hidden;
3688+
position: relative;
3689+
text-overflow: ellipsis;
3690+
top: 1px;
3691+
white-space: nowrap;
3692+
word-wrap: normal;
3693+
}
34243694
.c3 path {
34253695
stroke: #d1d1d1;
34263696
}

‎dist/css/patternfly-additions.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/patternfly-additions.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/css/patternfly-additions.min.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)