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

Make scenes page list view checkbox fill entire cell (#2974)

Browse Source
This commit is contained in:
7dJx1qP
2022-10-05 22:08:43 -04:00
committed by GitHub
parent 9083796a42
commit 83359b00d5
2 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/v2.5/src/components/Scenes/SceneListTable.tsx
View File

@@ -55,6 +55,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
return ( return (
<tr key={scene.id}> <tr key={scene.id}>
<td> <td>
<label>
<Form.Control <Form.Control
type="checkbox" type="checkbox"
checked={props.selectedIds.has(scene.id)} checked={props.selectedIds.has(scene.id)}
@@ -73,6 +74,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
event.stopPropagation(); event.stopPropagation();
}} }}
/> />
</label>
</td> </td>
<td> <td>
<Link to={sceneLink}> <Link to={sceneLink}>
@@ -114,7 +116,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
}; };
return ( return (
<div className="row table-list justify-content-center"> <div className="row scene-table table-list justify-content-center">
<Table striped bordered> <Table striped bordered>
<thead> <thead>
<tr> <tr>

20
ui/v2.5/src/components/Scenes/styles.scss
View File

@@ -638,3 +638,23 @@ input[type="range"].blue-slider {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.scene-table {
table,
tr,
td,
label,
input {
height: 100%;
}
td {
padding: 0;
}
label {
display: block;
margin: 0;
padding: 0.5rem;
}
}