mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-09 13:07:05 +03:00
Add close button to category pill
This commit is contained in:
@@ -633,4 +633,17 @@ input::-webkit-inner-spin-button {
|
|||||||
.sponsorBlockCategoryPillTitleSection {
|
.sponsorBlockCategoryPillTitleSection {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.categoryPillClose {
|
||||||
|
display: none;
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
|
box-sizing: unset;
|
||||||
|
|
||||||
|
margin: 0px 0px 0px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sponsorBlockCategoryPill:hover .categoryPillClose {
|
||||||
|
display: inherit;
|
||||||
}
|
}
|
||||||
@@ -72,6 +72,12 @@ class CategoryPillComponent extends React.Component<CategoryPillProps, CategoryP
|
|||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Close Button */}
|
||||||
|
<img src={chrome.extension.getURL("icons/close.png")}
|
||||||
|
className="categoryPillClose"
|
||||||
|
onClick={() => this.setState({ show: false })}>
|
||||||
|
</img>
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user