From 68cba58e335064214406471107a9e4e92a39be4d Mon Sep 17 00:00:00 2001 From: Marco Ambrosini Date: Wed, 12 Jun 2024 13:09:31 +0200 Subject: Feat: add new clickable area variables Signed-off-by: Marco Ambrosini --- apps/theming/css/default.css | 4 +++- 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', -- cgit v1.2.3 From fddb2f03f0ffba6d0a295c67622c5fce6baba663 Mon Sep 17 00:00:00 2001 From: Marco Date: Wed, 12 Jun 2024 21:59:37 +0200 Subject: Feat: Update apps/theming/lib/Themes/DefaultTheme.php Co-authored-by: Ferdinand Thiessen Signed-off-by: Marco --- apps/theming/lib/Themes/DefaultTheme.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index 688269fa2cb..4f95f245f47 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -172,7 +172,7 @@ class DefaultTheme implements ITheme { // pill-style button, value is large so big buttons also have correct roundness '--border-radius-pill' => '100px', - '--default-clickable-area' => '32px', + '--default-clickable-area' => '34px', '--clickable-area-large' => '48px', '--clickable-area-small' => '24px', '--default-line-height' => '24px', -- cgit v1.2.3