Mirrors/yewprint
2
0
Fork 0
mirror of https://github.com/yewprint/yewprint synced 2024-11-22 03:23:03 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed <Tag>'s remove button not colliding with right icon (#48)

Browse source 
Fixes #46
This commit is contained in:
Cecile Tonglet 2020-10-09 21:05:18 +02:00 committed by GitHub
parent 58933276c9
commit 69e271f565
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
yewprint/src/tag.rs
View file

@ -1,4 +1,4 @@
use crate::{if_html, Button, ConditionalClass, Icon, IconName, Intent, Text};
use crate::{if_html, ConditionalClass, Icon, IconName, Intent, Text};
use yew::prelude::*;
pub struct Tag {
@ -67,12 +67,13 @@ impl Component for Tag {
let remove_button = if_html! {
let Some(callback) = self.props.onremove.clone() =>
html!(
<Button
<button
class="bp3-tag-remove"
onclick={callback}
tabindex?={self.props.interactive.map_some(0)}
>
<Icon icon=IconName::SmallCross />
</Button>
</button>
)
};
@ -99,8 +100,8 @@ impl Component for Tag {
>
{self.props.children.clone()}
</Text>
{remove_button}
{right_icon}
{remove_button}
</span>
}
}