diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-05-15 15:59:34 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-05-16 19:47:10 +0200 |
| commit | b30bfb57f3ebc9da2613b81bdda49770405d6990 (patch) | |
| tree | 232e71230201aad04bac237ab7801bcb64c47b00 /core/css/apps.scss | |
| parent | 8d0fd6fa9dcec39db34c0dd350ac7adc40361787 (diff) | |
| download | nextcloud-server-b30bfb57f3ebc9da2613b81bdda49770405d6990.tar.gz nextcloud-server-b30bfb57f3ebc9da2613b81bdda49770405d6990.zip | |
feat(theming): Add border radius rounded css variable so `body-container-radius` can be used on mobile devices
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/css/apps.scss')
| -rw-r--r-- | core/css/apps.scss | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 3716a9d3154..083569eafee 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -21,9 +21,11 @@ :root { - --body-container-margin: calc(var(--default-grid-baseline) * 2); /* - 2px is required for making it look nice */ - --body-container-radius: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px); + --border-radius-rounded: calc(var(--default-clickable-area) / 2 + var(--default-grid-baseline) * 2 - 2px); + + --body-container-radius: var(--border-radius-rounded); + --body-container-margin: calc(var(--default-grid-baseline) * 2); --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin)); } |