Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(alert): Add fade prop #1785

Merged
merged 2 commits into from Apr 29, 2018
Merged

Conversation

emanuelmutschlechner
Copy link
Contributor

Closes #1512

@codecov
Copy link

codecov bot commented Apr 28, 2018

Codecov Report

Merging #1785 into dev will increase coverage by 0.01%.
The diff coverage is 100%.

Impacted file tree graph

@@            Coverage Diff             @@
##              dev    #1785      +/-   ##
==========================================
+ Coverage   61.02%   61.04%   +0.01%     
==========================================
  Files         154      154              
  Lines        2861     2862       +1     
  Branches      790      791       +1     
==========================================
+ Hits         1746     1747       +1     
  Misses        800      800              
  Partials      315      315
Impacted Files Coverage Δ
src/components/alert/alert.js 100% <100%> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d70e36d...ffe33a3. Read the comment docs.

Copy link
Member

@pi0 pi0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! Would yu mind adding an example to the docs too?

@@ -16,10 +18,15 @@ export default {
[ this.$slots.dismiss ]
)
}
return h(
let alert = h(
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd use const here

@emanuelmutschlechner
Copy link
Contributor Author

@pi0 Sure, let me know if this is ok.

@pi0 pi0 merged commit 0999b4c into bootstrap-vue:dev Apr 29, 2018
@emanuelmutschlechner emanuelmutschlechner deleted the feat-alert-fade branch April 29, 2018 14:49
@tmorehouse tmorehouse mentioned this pull request Nov 14, 2018
89 tasks
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder if we should target these classes to elements containing the class .alert, so that it doesn't interfere with users who may have their own fade transition with different settings?

Maybe:

.alert.fade-enter-active,
.alert.fade-leave-active {
     transition: opacity .15s linear;
 }
.alert.fade-enter,
.alert.fade-leave-to {
     opacity: 0;
 }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants