mirror of
https://github.com/flarum/framework.git
synced 2025-02-25 01:45:43 +08:00
1d6616a419
Mobile responsive design with a very native feel, all in pure CSS (no templating differences between versions — even though some things are in very different positions.) I’ve been working on this whole thing in my head for a while now, planning out how certain components will be laid out on the mobile version, and how to reason about them in the templates so that a substantially different layout can still be achieved by only using CSS. Today I finally wrote the CSS and it’s come together pretty damn perfectly. Still to come: - Swiping left or right on discussions to reveal controls - Tablet version
26 lines
649 B
JavaScript
26 lines
649 B
JavaScript
import Ember from 'ember';
|
|
|
|
export default Ember.Controller.extend({
|
|
// The title of the forum.
|
|
// TODO: Preload this value in the index.html payload from Laravel config.
|
|
forumTitle: 'Flarum Demo Forum',
|
|
|
|
// The title of the current page. This should be set as appropriate in
|
|
// controllers/views.
|
|
pageTitle: '',
|
|
|
|
backButtonTarget: null,
|
|
|
|
searchQuery: '',
|
|
searchActive: false,
|
|
|
|
actions: {
|
|
search: function(query) {
|
|
this.transitionToRoute('index', {queryParams: {searchQuery: query, sort: query ? 'relevance' : 'recent'}});
|
|
},
|
|
toggleDrawer: function() {
|
|
this.toggleProperty('drawerShowing');
|
|
}
|
|
}
|
|
});
|