github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-28 19:10:57 -05:00
Code Issues Projects Releases Packages Wiki Activity

Redesign history context button

Browse source 
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Tilman Vatteroth 2020-06-13 23:38:57 +02:00 committed by mrdrogdrog
parent 6f07490f61
commit eb92d38133
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/landing/pages/history/common/entry-menu.scss
View file

@ -7,4 +7,12 @@
&:hover .fa, &:hover::after { &:hover .fa, &:hover::after {
opacity: 1; opacity: 1;
} }
&.btn {
padding: 0.6rem 0.65rem;
}
}
.dropdown-toggle.no-arrow::after {
content: initial;
} }

6
src/components/landing/pages/history/common/entry-menu.tsx
View file

@ -17,9 +17,9 @@ export interface EntryMenuProps {
const EntryMenu: React.FC<EntryMenuProps> = ({ id, location, isDark, onRemove, onDelete, className }) => { const EntryMenu: React.FC<EntryMenuProps> = ({ id, location, isDark, onRemove, onDelete, className }) => {
return ( return (
<Dropdown className={className || ''}> <Dropdown className={`d-inline-flex ${className || ''}`}>
<Dropdown.Toggle size="sm" variant={isDark ? 'secondary' : 'light'} id={`dropdown-card-${id}`} className='history-menu d-flex align-items-center'> <Dropdown.Toggle variant={isDark ? 'secondary' : 'light'} id={`dropdown-card-${id}`} className='no-arrow history-menu d-inline-flex align-items-center'>
<ForkAwesomeIcon icon="ellipsis-h" className='history-menu'/> <ForkAwesomeIcon icon="bars" className=''/>
</Dropdown.Toggle> </Dropdown.Toggle>
<Dropdown.Menu> <Dropdown.Menu>