diff options
| author | Amandeep Singh <35252877+adsingh14@users.noreply.github.com> | 2022-07-30 00:20:18 +0300 |
|---|---|---|
| committer | Amandeep Singh <35252877+adsingh14@users.noreply.github.com> | 2022-07-30 00:20:18 +0300 |
| commit | 1b8dcb08e9f2a2a0e90e84366f432a9faff8aa23 (patch) | |
| tree | 30267c2b9e9207fb5c46139d608bc214543d2a11 | |
| parent | 78969028d57cfc184be0b6c4f9fdcd0b86e68667 (diff) | |
Responsive sidebar fixed for Apple devices
| -rw-r--r-- | app/assets/stylesheets/mixins.scss | 4 | ||||
| -rw-r--r-- | app/assets/stylesheets/sidebar.scss | 1 |
2 files changed, 4 insertions, 1 deletions
diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss index 154ca82d..b3f470c0 100644 --- a/app/assets/stylesheets/mixins.scss +++ b/app/assets/stylesheets/mixins.scss @@ -61,6 +61,7 @@ } @mixin center-transformX { + -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } @@ -87,5 +88,6 @@ box-shadow: 6px 2px 8px 0px rgba(28,28,28,0.10%); border: thin solid #ddd; border-radius: 0 5px 5px 0; - transform: translateX(0%); + -webkit-transform: translateX(0); + transform: translateX(0); } diff --git a/app/assets/stylesheets/sidebar.scss b/app/assets/stylesheets/sidebar.scss index ce221aba..7bfce492 100644 --- a/app/assets/stylesheets/sidebar.scss +++ b/app/assets/stylesheets/sidebar.scss @@ -60,6 +60,7 @@ aside.sidebar.active { &.sidebar { position: fixed; top: 1em; + -webkit-transform: translateX(-105.5%); transform: translateX(-105.5%); transition: transform 0.3s, background-color 0.3s; padding: 20px; |