Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 16:34:02 +01:00
Code Issues Projects Releases Wiki Activity

Make folder select easier to click (#4017)

Browse source
This commit is contained in:
WithoutPants 2023-08-10 13:10:34 +10:00 committed by GitHub
parent e3225db5c0
commit 38a06be148
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/v2.5/src/components/Shared/FolderSelect/FolderSelect.tsx
View file

@ -78,7 +78,9 @@ export const FolderSelect: React.FC<IProps> = ({
currentDirectory && data?.directory?.parent ? (
<li className="folder-list-parent folder-list-item">
<Button variant="link" onClick={() => goUp()}>
<FormattedMessage id="setup.folder.up_dir" />
<span>
<FormattedMessage id="setup.folder.up_dir" />
</span>
</Button>
</li>
) : null;
@ -128,7 +130,7 @@ export const FolderSelect: React.FC<IProps> = ({
return (
<li key={path} className="folder-list-item">
<Button variant="link" onClick={() => setInstant(path)}>
{path}
<span>{path}</span>
</Button>
</li>
);

10
ui/v2.5/src/components/Shared/styles.scss
View file

@ -105,18 +105,20 @@
&-item {
white-space: nowrap;
.btn-link {
.btn {
border: none;
color: white;
font-weight: 400;
padding: 0;
text-align: left;
width: 100%;
}
&:last-child::before {
&:last-child .btn span::before {
content: "└ \1F4C1";
}
&::before {
.btn span::before {
content: "├ \1F4C1";
display: inline-block;
padding-right: 1rem;
@ -125,7 +127,7 @@
}
&-parent {
&::before {
.btn span::before {
visibility: hidden;
}