Merge pull request #45818 from nextcloud/feat/add-new-clickable-area-…

…variables Feat: add new clickable area variables
nextcloud · Jun 14, 2024 · 018a0ae · 018a0ae
2 parents 54f3dfe + fddb2f0
commit 018a0ae
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -172,7 +172,9 @@ public function getCSSVariables(): array {
 			// 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',