diff options
| author | Marco Ambrosini <marcoambrosini@proton.me> | 2024-06-12 13:09:31 +0200 |
|---|---|---|
| committer | Marco Ambrosini <marcoambrosini@proton.me> | 2024-06-12 13:09:31 +0200 |
| commit | 68cba58e335064214406471107a9e4e92a39be4d (patch) | |
| tree | 39fd7c9c25c6cdd36195bc25c5359c80c4634236 /apps/theming | |
| parent | 8f876281e54a8d5bb7abcb219c380fe40598aa9e (diff) | |
| download | nextcloud-server-68cba58e335064214406471107a9e4e92a39be4d.tar.gz nextcloud-server-68cba58e335064214406471107a9e4e92a39be4d.zip | |
Feat: add new clickable area variables
Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>
Diffstat (limited to 'apps/theming')
| -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 aeace97a32d..055f732e2f7 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: 10px; --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 fa5dcb98c12..688269fa2cb 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' => '32px', + '--clickable-area-large' => '48px', + '--clickable-area-small' => '24px', '--default-line-height' => '24px', '--default-grid-baseline' => '4px', |