Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-17 20:34:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add classnames to count popovers (#1813)

Browse Source
This commit is contained in:
WithoutPants
2021-10-06 21:12:28 +11:00
committed by GitHub
parent 11fa8ce581
commit 47ae1be53c
9 changed files with 66 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
ui/v2.5/src/components/Scenes/SceneCard.tsx
View File

@@ -139,7 +139,11 @@ export const SceneCard: React.FC<ISceneCardProps> = (
));
return (
<HoverPopover placement="bottom" content={popoverContent}>
<HoverPopover
className="tag-count"
placement="bottom"
content={popoverContent}
>
<Button className="minimal">
<Icon icon="tag" />
<span>{props.scene.tags.length}</span>
@@ -181,7 +185,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
<HoverPopover
placement="bottom"
content={popoverContent}
className="tag-tooltip"
className="movie-count tag-tooltip"
>
<Button className="minimal">
<Icon icon="film" />
@@ -200,7 +204,11 @@ export const SceneCard: React.FC<ISceneCardProps> = (
});
return (
<HoverPopover placement="bottom" content={popoverContent}>
<HoverPopover
className="marker-count"
placement="bottom"
content={popoverContent}
>
<Button className="minimal">
<Icon icon="map-marker-alt" />
<span>{props.scene.scene_markers.length}</span>
@@ -212,7 +220,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
function maybeRenderOCounter() {
if (props.scene.o_counter) {
return (
<div>
<div className="o-counter">
<Button className="minimal">
<span className="fa-icon">
<SweatDrops />
@@ -232,7 +240,11 @@ export const SceneCard: React.FC<ISceneCardProps> = (
));
return (
<HoverPopover placement="bottom" content={popoverContent}>
<HoverPopover
className="gallery-count"
placement="bottom"
content={popoverContent}
>
<Button className="minimal">
<Icon icon="images" />
<span>{props.scene.galleries.length}</span>
@@ -244,7 +256,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
function maybeRenderOrganized() {
if (props.scene.organized) {
return (
<div>
<div className="organized">
<Button className="minimal">
<Icon icon="box" />
</Button>