post/nas
1
0
Fork 0
forked from gitea/nas
Code Pull requests Activity

Expand dropdown leftways on status view

Browse source
This commit is contained in:
blackle 2017-01-08 06:32:37 -05:00
parent 69643338f6
commit 05e964688d
5 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/assets/javascripts/components/components/dropdown_menu.jsx
View file

@ -1,13 +1,15 @@
import Dropdown, { DropdownTrigger, DropdownContent } from 'react-simple-dropdown';
const DropdownMenu = ({ icon, items, size }) => {
const DropdownMenu = ({ icon, items, size, direction }) => {
const directionClass = (direction == "left") ? "dropdown__left" : "dropdown__right";
return (
<Dropdown>
<DropdownTrigger className='icon-button' style={{ fontSize: `${size}px`, width: `${size}px`, lineHeight: `${size}px` }}>
<i className={`fa fa-fw fa-${icon}`} style={{ verticalAlign: 'middle' }} />
</DropdownTrigger>
<DropdownContent style={{ lineHeight: '18px', textAlign: 'left' }}>
<DropdownContent className={directionClass} style={{ lineHeight: '18px', textAlign: 'left' }}>
<ul>
{items.map(({ text, action, href = '#' }, i) => <li key={i}><a href={href} target='_blank' rel='noopener' onClick={e => {
if (typeof action === 'function') {