mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-22 09:11:19 +02:00
Code Issues Releases Wiki Activity

Tweak how discussion sidebar displays on mobile

Browse Source 
Give all items in an item list a class on their <li>. Super helpful for
styling
This commit is contained in:
Toby Zerner
2015-06-25 15:38:29 +09:30
parent 0d5927d812
commit d2c1e3a3d7
4 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
framework/core/js/lib/components/action-button.js
View File

@@ -20,7 +20,7 @@ export default class ActionButton extends Component {
attrs.href = attrs.href || 'javascript:;';
return m('a'+(iconName ? '.has-icon' : ''), attrs, [
iconName ? icon(iconName+' icon') : '',
iconName ? icon(iconName+' icon') : '', ' ',
m('span.label', label)
]);
}

2
framework/core/js/lib/helpers/list-items.js
View File

@@ -17,5 +17,5 @@ export default function listItems(array, noWrap) {
}
});
return newArray.map(item => [(noWrap && !isSeparator(item)) ? item : m('li', {className: item.wrapperClass || (item.props && item.props.wrapperClass) || (item.component && item.component.wrapperClass) || ''}, item), ' ']);
return newArray.map(item => [(noWrap && !isSeparator(item)) ? item : m('li', {className: 'item-'+item.itemName+' '+(item.wrapperClass || (item.props && item.props.wrapperClass) || (item.component && item.component.wrapperClass) || '')}, item), ' ']);
};

3
framework/core/js/lib/utils/item-list.js
View File

@@ -22,6 +22,7 @@ export default class ItemList {
var items = [];
for (var i in this) {
if (this.hasOwnProperty(i) && this[i] instanceof Item) {
this[i].content.itemName = i;
items.push(this[i]);
}
}
@@ -49,6 +50,8 @@ export default class ItemList {
// e.g. {before: ['foo', 'bar'], after: ['qux', 'qaz']}
// This way extensions can make sure they are positioned where
// they want to be relative to other extensions.
// Alternatively, it might be better to just have a numbered priority
// system, so extensions don't have to make awkward references to each other.
if (key) {
var index = array.indexOf(this[key]);
if (index === -1) {