diff options
author | Markus Hatvan <markus_hatvan@aon.at> | 2021-08-10 19:04:54 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-10 22:34:54 +0530 |
commit | 969eda02a66050cf4518ddfa657e86d1d6d8b6c3 (patch) | |
tree | 9f21b062f0c188f2c3ddfbb6594670982610aadf /src/internal-server | |
parent | refactor: Move platform-specific logic for shortcut keys into common location. (diff) | |
download | ferdium-app-969eda02a66050cf4518ddfa657e86d1d6d8b6c3.tar.gz ferdium-app-969eda02a66050cf4518ddfa657e86d1d6d8b6c3.tar.zst ferdium-app-969eda02a66050cf4518ddfa657e86d1d6d8b6c3.zip |
feat: follow OS reduced motion setting (#1757)
- add missing meta charset to index.html
- dont restrict scaling for user in index.html
- load animations.css conditionally based on motion preference
- load transitions conditionally in js and css based on motion preference
Co-authored-by: Vijay Raghavan Aravamudhan <vraravam@users.noreply.github.com>
Diffstat (limited to 'src/internal-server')
-rw-r--r-- | src/internal-server/public/css/main.css | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/internal-server/public/css/main.css b/src/internal-server/public/css/main.css index a1c5653d7..b20b67922 100644 --- a/src/internal-server/public/css/main.css +++ b/src/internal-server/public/css/main.css | |||
@@ -4,7 +4,8 @@ input { | |||
4 | padding: 0.5rem; | 4 | padding: 0.5rem; |
5 | } | 5 | } |
6 | 6 | ||
7 | button, .button { | 7 | button, |
8 | .button { | ||
8 | display: flex; | 9 | display: flex; |
9 | overflow: hidden; | 10 | overflow: hidden; |
10 | padding: 12px 12px; | 11 | padding: 12px 12px; |
@@ -14,7 +15,9 @@ button, .button { | |||
14 | -moz-user-select: none; | 15 | -moz-user-select: none; |
15 | -ms-user-select: none; | 16 | -ms-user-select: none; |
16 | user-select: none; | 17 | user-select: none; |
17 | transition: all 150ms linear; | 18 | @media (prefers-reduced-motion: no-preference) { |
19 | transition: all 150ms linear; | ||
20 | } | ||
18 | text-align: center; | 21 | text-align: center; |
19 | white-space: nowrap; | 22 | white-space: nowrap; |
20 | text-decoration: none !important; | 23 | text-decoration: none !important; |
@@ -33,7 +36,7 @@ button, .button { | |||
33 | align-items: center; | 36 | align-items: center; |
34 | flex: 0 0 160px; | 37 | flex: 0 0 160px; |
35 | box-shadow: 2px 5px 10px #e4e4e4; | 38 | box-shadow: 2px 5px 10px #e4e4e4; |
36 | color: #FFFFFF; | 39 | color: #ffffff; |
37 | background: #161616; | 40 | background: #161616; |
38 | } | 41 | } |
39 | 42 | ||
@@ -66,4 +69,4 @@ button, .button { | |||
66 | 69 | ||
67 | td { | 70 | td { |
68 | word-break: break-all; | 71 | word-break: break-all; |
69 | } \ No newline at end of file | 72 | } |