mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-10-12 23:44:27 +02:00
Code Issues Releases Wiki Activity

Major CSS revamp

Browse Source 
- Get rid of Bootstrap (except we still rely on some JS)
- Use BEM class names
- Rework variables/theme config
- Fix various bugs, including some on mobile

The CSS is still not ideal – it needs to be cleaned up some more. But
that can be a focus for after beta.
This commit is contained in:
Toby Zerner
2015-07-17 14:47:49 +09:30
parent 76678f72f2
commit a9ded36b57
206 changed files with 4337 additions and 8830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
js/forum/src/components/DiscussionsSearchSource.js
View File

@@ -1,5 +1,5 @@
import highlight from 'flarum/helpers/highlight';
import Button from 'flarum/components/Button';
import LinkButton from 'flarum/components/LinkButton';
/**
* The `DiscussionsSearchSource` finds and displays discussion search results in
@@ -28,13 +28,12 @@ export default class DiscussionsSearchSource {
const results = this.results[query] || [];
return [
<li className="dropdown-header">Discussions</li>,
<li className="Dropdown-header">Discussions</li>,
<li>
{Button.component({
{LinkButton.component({
icon: 'search',
children: 'Search all discussions for "' + query + '"',
href: app.route('index', {q: query}),
config: m.route
href: app.route('index', {q: query})
})}
</li>,
results.map(discussion => {
@@ -42,10 +41,10 @@ export default class DiscussionsSearchSource {
const post = relevantPosts && relevantPosts[0];
return (
<li className="discussion-search-result" data-index={'discussions' + discussion.id()}>
<li className="DiscussionSearchResult" data-index={'discussions' + discussion.id()}>
<a href={app.route.discussion(discussion, post && post.number())} config={m.route}>
<div className="title">{highlight(discussion.title(), query)}</div>
{post ? <div className="excerpt">{highlight(post.contentPlain(), query, 100)}</div> : ''}
<div className="DiscussionSearchResult-title">{highlight(discussion.title(), query)}</div>
{post ? <div className="DiscussionSearchResult-excerpt">{highlight(post.contentPlain(), query, 100)}</div> : ''}
</a>
</li>
);