Merge pull request #1323 from nextcloud/fix/design-polishing

fix: apply css variable --default-clickable-area
nextcloud · Jul 15, 2024 · 1f466e3 · 1f466e3
2 parents dfe64be + 9276485
commit 1f466e3
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Dashboard.vue b/src/components/Dashboard.vue
@@ -106,9 +106,9 @@ export default {
 }
 
 .note-item {
-	width: 44px;
-	height: 44px;
-	line-height: 44px;
+	width: var(--default-clickable-area);
+	height: var(--default-clickable-area);
+	line-height: var(--default-clickable-area);
 	flex-shrink: 0;
 	background-size: 50%;
 	background-repeat: no-repeat;

diff --git a/src/components/NotePlain.vue b/src/components/NotePlain.vue
@@ -468,7 +468,7 @@ export default {
 	position: fixed;
 	top: 50px;
 	inset-inline-end: 20px;
-	width: 44px;
+	width: var(--default-clickable-area);
 	margin-top: 1em;
 	z-index: 2000;
 }

diff --git a/src/components/NoteRich.vue b/src/components/NoteRich.vue
@@ -196,7 +196,7 @@ export default {
 
 .is-mobile:deep(.text-menubar) {
 	// Avoid overlapping the navigation toggle
-	margin-inline-start: 44px;
+	margin-inline-start: var(--default-clickable-area);
 	z-index: 1;
 }
 </style>
diff --git a/src/components/NotesCaption.vue b/src/components/NotesCaption.vue
@@ -25,7 +25,7 @@ export default {
 		font-weight: bold;
 		color: var(--color-primary-element);
 		font-size: var(--default-font-size);
-		line-height: 44px;
+		line-height: var(--default-clickable-area);
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;