fix: improve alignment and heights

Signed-off-by: Cleopatra Enjeck M <patrathewhiz@gmail.com>
nextcloud · Aug 21, 2024 · 962205e · 962205e
1 parent ea822f8
commit 962205e
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/cypress/styleguide/assets/default.css b/cypress/styleguide/assets/default.css
@@ -57,7 +57,7 @@
   --border-radius-large: 10px;
   --border-radius-rounded: 28px;
   --border-radius-pill: 100px;
-  --default-clickable-area: 44px;
+  --default-clickable-area: 34px;
   --default-line-height: 24px;
   --default-grid-baseline: 4px;
   --header-height: 50px;

diff --git a/src/App.vue b/src/App.vue
@@ -258,4 +258,9 @@ button[class^='icon-'] {
 	display: inline-flex;
 }
 
+.v-select.select .vs__selected-options {
+    min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;
+    padding: 0 5px;
+}
+
 </style>
diff --git a/src/modules/navigation/partials/NavigationTableItem.vue b/src/modules/navigation/partials/NavigationTableItem.vue
@@ -342,7 +342,7 @@ export default {
 	}
 
 	.app-navigation-entry__counter-wrapper .counter-bubble__counter {
-		display: inline-flex;
+		display: inline;
 	}
 }
 

diff --git a/src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue b/src/shared/components/ncTable/partials/TableHeaderColumnOptions.vue
@@ -387,7 +387,6 @@ export default {
 .menu {
 	padding-left: calc(var(--default-grid-baseline) * 1);
 	min-width: 44px;
-	min-height: 44px;
 }
 
 .selected {