gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change collapsed arrow direction for lists and editor widgets

Browse Source
This commit is contained in:
Doocey 2018-01-28 19:25:29 -05:00 committed by Caleb
parent 347fa403c4
commit 9208b8cfcf
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/EditorWidgets/List/ListControl.js
View File

@ -27,7 +27,7 @@ const TopBar = ({ onAdd, listLabel, onCollapseAllToggle, allItemsCollapsed, item
<div className="nc-listControl-topBar"> <div className="nc-listControl-topBar">
<div className="nc-listControl-listCollapseToggle"> <div className="nc-listControl-listCollapseToggle">
<button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseAllToggle}> <button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseAllToggle}>
<Icon type="chevron" direction={allItemsCollapsed ? 'up' : 'down'} size="small" /> <Icon type="chevron" direction={allItemsCollapsed ? 'right' : 'down'} size="small" />
</button> </button>
{itemsCount} {listLabel} {itemsCount} {listLabel}
</div> </div>

2
src/components/EditorWidgets/Object/ObjectControl.js
View File

@ -12,7 +12,7 @@ const TopBar = ({ collapsed, onCollapseToggle }) => (
<div className="nc-objectControl-topBar"> <div className="nc-objectControl-topBar">
<div className="nc-objectControl-objectCollapseToggle"> <div className="nc-objectControl-objectCollapseToggle">
<button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseToggle}> <button className="nc-listControl-listCollapseToggleButton" onClick={onCollapseToggle}>
<Icon type="chevron" direction={collapsed ? 'up' : 'down'} size="small" /> <Icon type="chevron" direction={collapsed ? 'right' : 'down'} size="small" />
</button> </button>
</div> </div>
</div> </div>

2
src/components/UI/ListItemTopBar/ListItemTopBar.js
View File

@ -15,7 +15,7 @@ export const ListItemTopBar = ({ collapsed, onCollapseToggle, onRemove, dragHand
{ {
onCollapseToggle onCollapseToggle
? <button className="nc-listItemTopBar-toggleButton" onClick={onCollapseToggle}> ? <button className="nc-listItemTopBar-toggleButton" onClick={onCollapseToggle}>
<Icon type="chevron" size="small" direction={collapsed ? 'up' : 'down'}/> <Icon type="chevron" size="small" direction={collapsed ? 'right' : 'down'}/>
</button> </button>
: null : null
} }