Add close button to category pill

This commit is contained in:
Ajay
2022-01-13 22:55:08 -05:00
parent 0da8a34e7a
commit c986860a42
2 changed files with 19 additions and 0 deletions

View File

@@ -633,4 +633,17 @@ input::-webkit-inner-spin-button {
.sponsorBlockCategoryPillTitleSection {
display: flex;
align-items: center;
}
.categoryPillClose {
display: none;
height: 10px;
width: 10px;
box-sizing: unset;
margin: 0px 0px 0px 5px;
}
.sponsorBlockCategoryPill:hover .categoryPillClose {
display: inherit;
}

View File

@@ -72,6 +72,12 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
</div>
</>
)}
{/* Close Button */}
<img src={chrome.extension.getURL("icons/close.png")}
className="categoryPillClose"
onClick={() => this.setState({ show: false })}>
</img>
</span>
);
}