diff options
| author | Marco <marcoambrosini@pm.me> | 2024-06-14 09:31:50 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-14 09:31:50 +0200 |
| commit | 018a0ae66f264182c0ae2c9095ea0c0cb64cd372 (patch) | |
| tree | 89e61800629b003f39b236aa51cfb1ddebe4639c | |
| parent | 54f3dfe5e0426def6cdc35c664f9a37631d2356b (diff) | |
| parent | fddb2f03f0ffba6d0a295c67622c5fce6baba663 (diff) | |
| download | nextcloud-server-018a0ae66f264182c0ae2c9095ea0c0cb64cd372.tar.gz nextcloud-server-018a0ae66f264182c0ae2c9095ea0c0cb64cd372.zip | |
Merge pull request #45818 from nextcloud/feat/add-new-clickable-area-variables
Feat: add new clickable area variables
| -rw-r--r-- | apps/theming/css/default.css | 4 | ||||
| -rw-r--r-- | apps/theming/lib/Themes/DefaultTheme.php | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css index 6457a8d7659..3a3e0770118 100644 --- a/apps/theming/css/default.css +++ b/apps/theming/css/default.css @@ -60,7 +60,9 @@ /* Border radius of interactive elements such as buttons, input, navigation and list items. Available since Nextcloud 30. */ --border-radius-element: 8px; --border-radius-pill: 100px; - --default-clickable-area: 44px; + --default-clickable-area: 34px; + --clickable-area-large: 48px; + --clickable-area-small: 24px; --default-line-height: 24px; --default-grid-baseline: 4px; --header-height: 50px; diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index a89ac685876..a169541d371 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -172,7 +172,9 @@ class DefaultTheme implements ITheme { // pill-style button, value is large so big buttons also have correct roundness '--border-radius-pill' => '100px', - '--default-clickable-area' => '44px', + '--default-clickable-area' => '34px', + '--clickable-area-large' => '48px', + '--clickable-area-small' => '24px', '--default-line-height' => '24px', '--default-grid-baseline' => '4px', |