diff options
author | Pedro Rijo <pedrorijo91@gmail.com> | 2022-07-31 13:01:54 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-31 13:01:54 +0300 |
commit | 702eeadfe3133257be9bfa3a2c33c1840e2277f3 (patch) | |
tree | 30267c2b9e9207fb5c46139d608bc214543d2a11 | |
parent | 78969028d57cfc184be0b6c4f9fdcd0b86e68667 (diff) | |
parent | 1b8dcb08e9f2a2a0e90e84366f432a9faff8aa23 (diff) |
Merge pull request #1714 from adsingh14/resp_menu_apple
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; |