summaryrefslogtreecommitdiffstats
path: root/core/css
diff options
context:
space:
mode:
authorFerdinand Thiessen <opensource@fthiessen.de>2023-05-15 15:59:34 +0200
committerFerdinand Thiessen <opensource@fthiessen.de>2023-05-16 19:47:10 +0200
commitb30bfb57f3ebc9da2613b81bdda49770405d6990 (patch)
tree232e71230201aad04bac237ab7801bcb64c47b00 /core/css
parent8d0fd6fa9dcec39db34c0dd350ac7adc40361787 (diff)
downloadnextcloud-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')
-rw-r--r--core/css/apps.scss6
-rw-r--r--core/css/guest.scss2
2 files changed, 5 insertions, 3 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));
}
diff --git a/core/css/guest.scss b/core/css/guest.scss
index f8435d1e911..2b288b78738 100644
--- a/core/css/guest.scss
+++ b/core/css/guest.scss
@@ -797,7 +797,7 @@ a.legal {
color: var(--color-main-text);
background-color: var(--color-main-background);
padding: $guest-container-padding;
- border-radius: var(--body-container-radius);
+ border-radius: var(--border-radius-rounded);
box-shadow: 0 0 10px var(--color-box-shadow);
display: inline-block;
}