From 8b5fd09ff35dd670bcc83d26feec47e361310cc3 Mon Sep 17 00:00:00 2001 From: Maxime Quandalle Date: Sat, 2 Jan 2016 14:26:48 +0100 Subject: [PATCH] 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 --- client/components/activities/activities.styl | 2 ++ client/components/activities/comments.styl | 2 ++ client/components/boards/boardsList.styl | 2 ++ client/components/cards/attachments.styl | 2 ++ client/components/cards/minicard.styl | 2 ++ client/components/import/import.styl | 2 ++ client/components/main/spinner.styl | 2 ++ client/components/users/userForm.styl | 2 ++ 8 files changed, 16 insertions(+) diff --git a/client/components/activities/activities.styl b/client/components/activities/activities.styl index e084bff85..1f0494c72 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 1857ca99f..22f9c482c 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 83d4c9c7b..4b5245f9f 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 a582f3af5..f322ebc83 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 edef86575..3b8c8a9aa 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 3c6cfdf3a..187ec6c42 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 b211cf356..65c5fe62e 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 930efb5a1..6788bf599 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