Skip to content

Commit

Permalink
feat(hint-block): Add hint-block css, test page, and regression test. (
Browse files Browse the repository at this point in the history
  • Loading branch information
jeff-phillips-18 authored and mcoker committed Nov 14, 2018
1 parent be57e8f commit 2955fe8
Show file tree
Hide file tree
Showing 9 changed files with 84 additions and 0 deletions.
6 changes: 6 additions & 0 deletions backstop/config/scenarios/hint-block.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
module.exports = [{
removeSelectors: ['.page-header + .alert'],
label: 'hint-block',
url: 'dist/tests/hint-block.html',
disabled: false
}]
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions src/less/hint-block.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
.hint-block-pf {
background-color: @color-pf-blue-50;
color: @color-pf-blue-600;
padding: 10px 15px 15px;
.hint-block-pf-title {
font-size: 16px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 10px;
}
.hint-block-pf-body {
font-size: 13px;
font-weight: 300;
line-height: 1.4;
}
> .btn {
margin-top: 30px;
}
}
1 change: 1 addition & 0 deletions src/less/patternfly-additions.less
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@
@import "experimental-features.less";
@import "filter.less";
@import "footer.less";
@import "hint-block.less";
@import "icons.less";
@import "infotip.less";
@import "layouts.less";
Expand Down
19 changes: 19 additions & 0 deletions src/sass/converted/patternfly/_hint-block.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
.hint-block-pf {
background-color: $color-pf-blue-50;
color: $color-pf-blue-600;
padding: 10px 15px 15px;
.hint-block-pf-title {
font-size: 16px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 10px;
}
.hint-block-pf-body {
font-size: 13px;
font-weight: 300;
line-height: 1.4;
}
> .btn {
margin-top: 30px;
}
}
19 changes: 19 additions & 0 deletions src/sass/converted/rcue/_hint-block.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
.hint-block-pf {
background-color: $color-pf-blue-50;
color: $color-pf-blue-600;
padding: 10px 15px 15px;
.hint-block-pf-title {
font-size: 16px;
font-weight: 500;
line-height: 1.1;
margin-bottom: 10px;
}
.hint-block-pf-body {
font-size: 13px;
font-weight: 300;
line-height: 1.4;
}
> .btn {
margin-top: 30px;
}
}
1 change: 1 addition & 0 deletions src/sass/converted/rcue/_patternfly-additions.scss
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@
@import 'experimental-features';
@import 'filter';
@import 'footer';
@import 'hint-block';
@import 'icons';
@import 'infotip';
@import 'layouts';
Expand Down
1 change: 1 addition & 0 deletions src/sass/static/_patternfly.scss
Original file line number Diff line number Diff line change
Expand Up @@ -122,6 +122,7 @@
@import 'patternfly/filter';
@import 'patternfly/footer';
@import 'patternfly/icons';
@import 'patternfly/hint-block';
@import 'patternfly/infotip';
@import 'patternfly/layouts';
@import 'patternfly/links';
Expand Down
18 changes: 18 additions & 0 deletions tests/pages/hint-block.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
---
categories: [Widgets]
layout: page
title: Hint Block
resource: true
---
<div class="hint-block-pf">
<button type="button" class="close" aria-hidden="true" aria-label="Close">
<span class="pficon pficon-close"></span>
</button>
<div class="hint-block-pf-title">Some Title</div>
<div class="hint-block-pf-body">
Something introductory. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature. Some body text explaining the feature.
</div>
<button class="btn btn-primary" type="button">
Optional Action
</button>
</div>

0 comments on commit 2955fe8

Please sign in to comment.