fix(frontend): smalls on thread section (#2286)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
This commit is contained in:
Antoine Dewez 2024-03-04 11:06:39 -08:00 committed by GitHub
parent c67e2ae41b
commit d021c42d9f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 8 deletions

View File

@ -37,6 +37,10 @@
}
}
.icon_wrapper {
visibility: hidden;
}
.options_modal {
position: absolute;
right: Spacings.$spacing02;
@ -44,7 +48,7 @@
}
&:hover {
.icons_wrapper {
.icon_wrapper {
visibility: visible;
}
}

View File

@ -101,12 +101,14 @@ export const ThreadItem = ({
}
}}
>
<Icon
name={editingName ? "check" : "options"}
size="small"
color="black"
handleHover={true}
/>
<div className={styles.icon_wrapper}>
<Icon
name={editingName ? "check" : "options"}
size="small"
color="black"
handleHover={true}
/>
</div>
<div ref={optionsRef} className={styles.options_modal}>
{optionsOpened && <OptionsModal options={options} />}
</div>

View File

@ -7,6 +7,6 @@
margin: Spacings.$spacing02;
display: flex;
flex-direction: column;
gap: Spacings.$spacing02;
gap: calc(#{Spacings.$spacing01} + #{Spacings.$spacing02});
position: relative;
}