mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-27 22:49:56 -05:00
402b27c7e9
In `gh-content-view-container` the visibility of another DOM node was being used to detect if a given view was mobile or not. This means the UI needed to have layout forced (and DOM rendered) before the content view container would render a second time. This is slow interaction with the DOM (forcing layout) and slow for Ember's renderer (it needs to render the container once with a default, then again when the value changes). Additionally there were two ways resize was being observed. The `Window.matchMedia` API was used for some styles and the `ember-resize` addon used to detect other changes. Here I've unified around just the `Window.matcheMedia` API but abstracted it behind a service. Sizes are exposed as properties that can be bound to or used directly in templates. |
||
|---|---|---|
| .. | ||
| gh-activating-list-item.js | ||
| gh-alert.js | ||
| gh-alerts.js | ||
| gh-app.js | ||
| gh-blog-url.js | ||
| gh-cm-editor.js | ||
| gh-content-cover.js | ||
| gh-content-preview-content.js | ||
| gh-content-view-container.js | ||
| gh-dropdown-button.js | ||
| gh-dropdown.js | ||
| gh-ed-editor.js | ||
| gh-ed-preview.js | ||
| gh-editor-save-button.js | ||
| gh-editor.js | ||
| gh-error-message.js | ||
| gh-file-upload.js | ||
| gh-form-group.js | ||
| gh-infinite-scroll-box.js | ||
| gh-infinite-scroll.js | ||
| gh-input.js | ||
| gh-main.js | ||
| gh-menu-toggle.js | ||
| gh-modal-dialog.js | ||
| gh-nav-menu.js | ||
| gh-navigation.js | ||
| gh-navitem-url-input.js | ||
| gh-navitem.js | ||
| gh-notification.js | ||
| gh-notifications.js | ||
| gh-popover-button.js | ||
| gh-popover.js | ||
| gh-posts-list-item.js | ||
| gh-profile-image.js | ||
| gh-search-input.js | ||
| gh-select-native.js | ||
| gh-selectize.js | ||
| gh-skip-link.js | ||
| gh-spin-button.js | ||
| gh-tab-pane.js | ||
| gh-tab.js | ||
| gh-tabs-manager.js | ||
| gh-tag-settings-form.js | ||
| gh-tags-management-container.js | ||
| gh-textarea.js | ||
| gh-trim-focus-input.js | ||
| gh-upload-modal.js | ||
| gh-uploader.js | ||
| gh-url-preview.js | ||
| gh-user-active.js | ||
| gh-user-invited.js | ||
| gh-validation-status-container.js | ||
| gh-view-title.js | ||