| b69ab31 | | | 1 | /** |
| b69ab31 | | | 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. |
| b69ab31 | | | 3 | * |
| b69ab31 | | | 4 | * This source code is licensed under the MIT license found in the |
| b69ab31 | | | 5 | * LICENSE file in the root directory of this source tree. |
| b69ab31 | | | 6 | */ |
| b69ab31 | | | 7 | |
| b69ab31 | | | 8 | /** |
| b69ab31 | | | 9 | * Get the current UI zoom level, from the --zoom CSS variable. |
| b69ab31 | | | 10 | * This is NOT the browser zoom level, that does not need to be accounted for. |
| b69ab31 | | | 11 | * This is the UI setting zoom which must be used in width/height computations |
| b69ab31 | | | 12 | * instead of e.g. 100vw directly. |
| b69ab31 | | | 13 | */ |
| b69ab31 | | | 14 | export function getZoomLevel(): number { |
| b69ab31 | | | 15 | try { |
| b69ab31 | | | 16 | const number = parseFloat(document.body.style.getPropertyValue('--zoom')); |
| b69ab31 | | | 17 | if (isNaN(number)) { |
| b69ab31 | | | 18 | return 1; |
| b69ab31 | | | 19 | } |
| b69ab31 | | | 20 | return number; |
| b69ab31 | | | 21 | } catch {} |
| b69ab31 | | | 22 | return 1; |
| b69ab31 | | | 23 | } |