diff options
| author | Julius Härtl <jus@bitgrid.net> | 2022-08-24 17:18:55 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2022-09-01 14:15:39 +0200 |
| commit | e4113b17798dec870954d2d52da076691d9ac51e (patch) | |
| tree | bd6c9c827c26cc1451dd41814f5b345faf2093a7 /core/css/apps.scss | |
| parent | ff219a7cd8f9dca527eff28093da0c473c6dbd6c (diff) | |
| download | nextcloud-server-e4113b17798dec870954d2d52da076691d9ac51e.tar.gz nextcloud-server-e4113b17798dec870954d2d52da076691d9ac51e.zip | |
Adapt layout to new base css variables
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'core/css/apps.scss')
| -rw-r--r-- | core/css/apps.scss | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index bb6edfc0041..cb2cec662a4 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -21,8 +21,9 @@ :root { - --body-container-margin: 8px; - --body-container-radius: var(--border-radius-large); + --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); --body-height: calc(100% - env(safe-area-inset-bottom) - 50px - var(--body-container-margin)); } @@ -125,7 +126,7 @@ kbd { -webkit-backdrop-filter: var(--filter-background-blur); -webkit-user-select: none; position: sticky; height: 100%; - padding: 6px; + padding: calc(var(--default-grid-baseline) * 2); -moz-user-select: none; -ms-user-select: none; user-select: none; @@ -166,11 +167,9 @@ kbd { flex-wrap: wrap; order: 1; flex-shrink: 0; - margin-left: 8px; - margin-right: 8px; - margin-top: 3px; + margin: 0; margin-bottom: 3px; - width: calc(100% - 16px); + width: 100%; overflow: hidden; border-radius: var(--border-radius-pill); |