diff options
| author | Maxime Quandalle <maxime@quandalle.com> | 2016-01-02 14:26:48 +0100 |
|---|---|---|
| committer | Maxime Quandalle <maxime@quandalle.com> | 2016-01-02 14:26:48 +0100 |
| commit | 8b5fd09ff35dd670bcc83d26feec47e361310cc3 (patch) | |
| tree | 7a7d1d1c4d79bd081337d32becd0c0ed6765b147 /client/components | |
| parent | 0cdcccf1f69b4eacc5c417f11f277bb86a713cdc (diff) | |
| download | wekan-8b5fd09ff35dd670bcc83d26feec47e361310cc3.tar.gz wekan-8b5fd09ff35dd670bcc83d26feec47e361310cc3.tar.bz2 wekan-8b5fd09ff35dd670bcc83d26feec47e361310cc3.zip | |
Fix layout on Apple devices
The layout issue was related to the lack of autoprexing for CSS
properties. c69f993 did improve the reload time significantly but for
that I had to replace `mquandalle:stylus` by the core `stylus`
package. Unfortunatly it is currently difficult to run an autoprefixer
with the core CSS compilers (as reported in
https://github.com/meteor/meteor/issues/5219).
So instead we rely on `nib` which transparently define some mixins for
autoprefixing, the only restrictions being that we have to manually
`@import 'nib'` on top of stylus files.
Fixes #461
Diffstat (limited to 'client/components')
| -rw-r--r-- | client/components/activities/activities.styl | 2 | ||||
| -rw-r--r-- | client/components/activities/comments.styl | 2 | ||||
| -rw-r--r-- | client/components/boards/boardsList.styl | 2 | ||||
| -rw-r--r-- | client/components/cards/attachments.styl | 2 | ||||
| -rw-r--r-- | client/components/cards/minicard.styl | 2 | ||||
| -rw-r--r-- | client/components/import/import.styl | 2 | ||||
| -rw-r--r-- | client/components/main/spinner.styl | 2 | ||||
| -rw-r--r-- | client/components/users/userForm.styl | 2 |
8 files changed, 16 insertions, 0 deletions
diff --git a/client/components/activities/activities.styl b/client/components/activities/activities.styl index e084bff8..1f0494c7 100644 --- a/client/components/activities/activities.styl +++ b/client/components/activities/activities.styl @@ -1,3 +1,5 @@ +@import 'nib' + .activities clear: both diff --git a/client/components/activities/comments.styl b/client/components/activities/comments.styl index 1857ca99..22f9c482 100644 --- a/client/components/activities/comments.styl +++ b/client/components/activities/comments.styl @@ -1,3 +1,5 @@ +@import 'nib' + .new-comment position: relative margin: 0 0 20px 38px diff --git a/client/components/boards/boardsList.styl b/client/components/boards/boardsList.styl index 83d4c9c7..4b5245f9 100644 --- a/client/components/boards/boardsList.styl +++ b/client/components/boards/boardsList.styl @@ -1,3 +1,5 @@ +@import 'nib' + $spaceBetweenTiles = 16px .board-list diff --git a/client/components/cards/attachments.styl b/client/components/cards/attachments.styl index a582f3af..f322ebc8 100644 --- a/client/components/cards/attachments.styl +++ b/client/components/cards/attachments.styl @@ -1,3 +1,5 @@ +@import 'nib' + .attachments-galery display: flex flex-wrap: wrap diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl index edef8657..3b8c8a9a 100644 --- a/client/components/cards/minicard.styl +++ b/client/components/cards/minicard.styl @@ -1,3 +1,5 @@ +@import 'nib' + .minicard-wrapper cursor: pointer position: relative diff --git a/client/components/import/import.styl b/client/components/import/import.styl index 3c6cfdf3..187ec6c4 100644 --- a/client/components/import/import.styl +++ b/client/components/import/import.styl @@ -1,3 +1,5 @@ +@import 'nib' + .map-members .mapping:first-of-type border-top: solid 1px #999 diff --git a/client/components/main/spinner.styl b/client/components/main/spinner.styl index b211cf35..65c5fe62 100644 --- a/client/components/main/spinner.styl +++ b/client/components/main/spinner.styl @@ -1,3 +1,5 @@ +@import 'nib' + /* * From https://github.com/tobiasahlin/SpinKit * diff --git a/client/components/users/userForm.styl b/client/components/users/userForm.styl index 930efb5a..6788bf59 100644 --- a/client/components/users/userForm.styl +++ b/client/components/users/userForm.styl @@ -1,3 +1,5 @@ +@import 'nib' + .auth-layout .at-form-landing-logo width: 249px |