diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-07-02 22:29:43 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-07-04 18:29:17 +0200 |
| commit | c9e8cdd7ad4bdff4a25d5eb5dce5c056fc93de66 (patch) | |
| tree | 02899e08872ab14db45eb2aff380b7a2e8e87a03 /apps/theming/css/default.css | |
| parent | 7e663301ff9461f3a4abc06c3ee80651504bfbe5 (diff) | |
| download | nextcloud-server-c9e8cdd7ad4bdff4a25d5eb5dce5c056fc93de66.tar.gz nextcloud-server-c9e8cdd7ad4bdff4a25d5eb5dce5c056fc93de66.zip | |
feat(theming): Provide `body-container-` variables through theming
* Provide the body container height, radius and margin as theming variables.
* Remove unused old variables (`header-menu-profile-item-height` and `list-max-width`)
* Fix comment about breakpoint JS location
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'apps/theming/css/default.css')
| -rw-r--r-- | apps/theming/css/default.css | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index 3a3e0770118..0ce34bc7a02 100644 --- a/apps/theming/css/default.css +++ b/apps/theming/css/default.css @@ -49,6 +49,8 @@ --color-border-maxcontrast: #7d7d7d; --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --default-font-size: 15px; + /* 1.5 x font-size for accessibility */ + --default-line-height: 24px; --animation-quick: 100ms; --animation-slow: 300ms; /** Border width for input elements such as text fields and selects */ @@ -63,16 +65,18 @@ --default-clickable-area: 34px; --clickable-area-large: 48px; --clickable-area-small: 24px; - --default-line-height: 24px; --default-grid-baseline: 4px; --header-height: 50px; + --header-menu-item-height: 44px; --navigation-width: 300px; --sidebar-min-width: 300px; --sidebar-max-width: 500px; - --list-min-width: 200px; - --list-max-width: 300px; - --header-menu-item-height: 44px; - --header-menu-profile-item-height: 66px; + /* Border radius of the body container */ + --body-container-radius: calc(var(--default-grid-baseline) * 3); + /* Margin of the body container */ + --body-container-margin: calc(var(--default-grid-baseline) * 2); + /* Height of the body container to fully fill the view port */ + --body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin)); --breakpoint-mobile: 1024px; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); |