Make sidebar buttons pixel perfect

Tested in talk, calendar and files Signed-off-by: Carl Schwan <carl@carlschwan.eu>
nextcloud-libraries · Dec 1, 2022 · 6fd6144 · 6fd6144
1 parent 1dc8ed0
commit 6fd6144
Show file tree

Hide file tree

Showing 97 changed files with 2 additions and 2 deletions.
diff --git a/...tarred_false-compact_true-header_image-secondary_button-editable_false-base.png b/...tarred_false-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_false-compact_true-header_image-secondary_button-editable_true-base.png b/...starred_false-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_false-compact_true-header_image-secondary_none-editable_false-base.png b/...-starred_false-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...l-starred_false-compact_true-header_image-secondary_none-editable_true-base.png b/...l-starred_false-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_false-compact_true-header_none-secondary_button-editable_false-base.png b/...starred_false-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_false-compact_true-header_none-secondary_button-editable_true-base.png b/...-starred_false-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...l-starred_false-compact_true-header_none-secondary_none-editable_false-base.png b/...l-starred_false-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...ll-starred_false-compact_true-header_none-secondary_none-editable_true-base.png b/...ll-starred_false-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...starred_null-compact_true-header_image-secondary_button-editable_false-base.png b/...starred_null-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...-starred_null-compact_true-header_image-secondary_button-editable_true-base.png b/...-starred_null-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...l-starred_null-compact_true-header_image-secondary_none-editable_false-base.png b/...l-starred_null-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...ll-starred_null-compact_true-header_image-secondary_none-editable_true-base.png b/...ll-starred_null-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...-starred_null-compact_true-header_none-secondary_button-editable_false-base.png b/...-starred_null-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...l-starred_null-compact_true-header_none-secondary_button-editable_true-base.png b/...l-starred_null-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...ll-starred_null-compact_true-header_none-secondary_none-editable_false-base.png b/...ll-starred_null-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...ull-starred_null-compact_true-header_none-secondary_none-editable_true-base.png b/...ull-starred_null-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...starred_true-compact_true-header_image-secondary_button-editable_false-base.png b/...starred_true-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...-starred_true-compact_true-header_image-secondary_button-editable_true-base.png b/...-starred_true-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...l-starred_true-compact_true-header_image-secondary_none-editable_false-base.png b/...l-starred_true-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...ll-starred_true-compact_true-header_image-secondary_none-editable_true-base.png b/...ll-starred_true-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...-starred_true-compact_true-header_none-secondary_button-editable_false-base.png b/...-starred_true-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...l-starred_true-compact_true-header_none-secondary_button-editable_true-base.png b/...l-starred_true-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...ll-starred_true-compact_true-header_none-secondary_none-editable_false-base.png b/...ll-starred_true-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...ull-starred_true-compact_true-header_none-secondary_none-editable_true-base.png b/...ull-starred_true-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...tarred_false-compact_true-header_image-secondary_button-editable_false-base.png b/...tarred_false-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_false-compact_true-header_image-secondary_button-editable_true-base.png b/...starred_false-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_false-compact_true-header_image-secondary_none-editable_false-base.png b/...-starred_false-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...e-starred_false-compact_true-header_image-secondary_none-editable_true-base.png b/...e-starred_false-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_false-compact_true-header_none-secondary_button-editable_false-base.png b/...starred_false-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_false-compact_true-header_none-secondary_button-editable_true-base.png b/...-starred_false-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...e-starred_false-compact_true-header_none-secondary_none-editable_false-base.png b/...e-starred_false-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...ue-starred_false-compact_true-header_none-secondary_none-editable_true-base.png b/...ue-starred_false-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...starred_null-compact_true-header_image-secondary_button-editable_false-base.png b/...starred_null-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...-starred_null-compact_true-header_image-secondary_button-editable_true-base.png b/...-starred_null-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...e-starred_null-compact_true-header_image-secondary_none-editable_false-base.png b/...e-starred_null-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...ue-starred_null-compact_true-header_image-secondary_none-editable_true-base.png b/...ue-starred_null-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...-starred_null-compact_true-header_none-secondary_button-editable_false-base.png b/...-starred_null-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...e-starred_null-compact_true-header_none-secondary_button-editable_true-base.png b/...e-starred_null-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...ue-starred_null-compact_true-header_none-secondary_none-editable_false-base.png b/...ue-starred_null-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...rue-starred_null-compact_true-header_none-secondary_none-editable_true-base.png b/...rue-starred_null-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...starred_true-compact_true-header_image-secondary_button-editable_false-base.png b/...starred_true-compact_true-header_image-secondary_button-editable_false-base.png
diff --git a/...-starred_true-compact_true-header_image-secondary_button-editable_true-base.png b/...-starred_true-compact_true-header_image-secondary_button-editable_true-base.png
diff --git a/...e-starred_true-compact_true-header_image-secondary_none-editable_false-base.png b/...e-starred_true-compact_true-header_image-secondary_none-editable_false-base.png
diff --git a/...ue-starred_true-compact_true-header_image-secondary_none-editable_true-base.png b/...ue-starred_true-compact_true-header_image-secondary_none-editable_true-base.png
diff --git a/...-starred_true-compact_true-header_none-secondary_button-editable_false-base.png b/...-starred_true-compact_true-header_none-secondary_button-editable_false-base.png
diff --git a/...e-starred_true-compact_true-header_none-secondary_button-editable_true-base.png b/...e-starred_true-compact_true-header_none-secondary_button-editable_true-base.png
diff --git a/...ue-starred_true-compact_true-header_none-secondary_none-editable_false-base.png b/...ue-starred_true-compact_true-header_none-secondary_none-editable_false-base.png
diff --git a/...rue-starred_true-compact_true-header_none-secondary_none-editable_true-base.png b/...rue-starred_true-compact_true-header_none-secondary_none-editable_true-base.png
diff --git a/...arred_false-compact_false-header_image-secondary_button-editable_false-base.png b/...arred_false-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...tarred_false-compact_false-header_image-secondary_button-editable_true-base.png b/...tarred_false-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...starred_false-compact_false-header_image-secondary_none-editable_false-base.png b/...starred_false-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...-starred_false-compact_false-header_image-secondary_none-editable_true-base.png b/...-starred_false-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...tarred_false-compact_false-header_none-secondary_button-editable_false-base.png b/...tarred_false-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...starred_false-compact_false-header_none-secondary_button-editable_true-base.png b/...starred_false-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...-starred_false-compact_false-header_none-secondary_none-editable_false-base.png b/...-starred_false-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...l-starred_false-compact_false-header_none-secondary_none-editable_true-base.png b/...l-starred_false-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/...tarred_null-compact_false-header_image-secondary_button-editable_false-base.png b/...tarred_null-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_null-compact_false-header_image-secondary_button-editable_true-base.png b/...starred_null-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_null-compact_false-header_image-secondary_none-editable_false-base.png b/...-starred_null-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...l-starred_null-compact_false-header_image-secondary_none-editable_true-base.png b/...l-starred_null-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_null-compact_false-header_none-secondary_button-editable_false-base.png b/...starred_null-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_null-compact_false-header_none-secondary_button-editable_true-base.png b/...-starred_null-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...l-starred_null-compact_false-header_none-secondary_none-editable_false-base.png b/...l-starred_null-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...ll-starred_null-compact_false-header_none-secondary_none-editable_true-base.png b/...ll-starred_null-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/...tarred_true-compact_false-header_image-secondary_button-editable_false-base.png b/...tarred_true-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_true-compact_false-header_image-secondary_button-editable_true-base.png b/...starred_true-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_true-compact_false-header_image-secondary_none-editable_false-base.png b/...-starred_true-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...l-starred_true-compact_false-header_image-secondary_none-editable_true-base.png b/...l-starred_true-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_true-compact_false-header_none-secondary_button-editable_false-base.png b/...starred_true-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_true-compact_false-header_none-secondary_button-editable_true-base.png b/...-starred_true-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...l-starred_true-compact_false-header_none-secondary_none-editable_false-base.png b/...l-starred_true-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...ll-starred_true-compact_false-header_none-secondary_none-editable_true-base.png b/...ll-starred_true-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/...arred_false-compact_false-header_image-secondary_button-editable_false-base.png b/...arred_false-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...tarred_false-compact_false-header_image-secondary_button-editable_true-base.png b/...tarred_false-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...starred_false-compact_false-header_image-secondary_none-editable_false-base.png b/...starred_false-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...-starred_false-compact_false-header_image-secondary_none-editable_true-base.png b/...-starred_false-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...tarred_false-compact_false-header_none-secondary_button-editable_false-base.png b/...tarred_false-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...starred_false-compact_false-header_none-secondary_button-editable_true-base.png b/...starred_false-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...-starred_false-compact_false-header_none-secondary_none-editable_false-base.png b/...-starred_false-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...e-starred_false-compact_false-header_none-secondary_none-editable_true-base.png b/...e-starred_false-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/...tarred_null-compact_false-header_image-secondary_button-editable_false-base.png b/...tarred_null-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_null-compact_false-header_image-secondary_button-editable_true-base.png b/...starred_null-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_null-compact_false-header_image-secondary_none-editable_false-base.png b/...-starred_null-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...e-starred_null-compact_false-header_image-secondary_none-editable_true-base.png b/...e-starred_null-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_null-compact_false-header_none-secondary_button-editable_false-base.png b/...starred_null-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_null-compact_false-header_none-secondary_button-editable_true-base.png b/...-starred_null-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...e-starred_null-compact_false-header_none-secondary_none-editable_false-base.png b/...e-starred_null-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...ue-starred_null-compact_false-header_none-secondary_none-editable_true-base.png b/...ue-starred_null-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/...tarred_true-compact_false-header_image-secondary_button-editable_false-base.png b/...tarred_true-compact_false-header_image-secondary_button-editable_false-base.png
diff --git a/...starred_true-compact_false-header_image-secondary_button-editable_true-base.png b/...starred_true-compact_false-header_image-secondary_button-editable_true-base.png
diff --git a/...-starred_true-compact_false-header_image-secondary_none-editable_false-base.png b/...-starred_true-compact_false-header_image-secondary_none-editable_false-base.png
diff --git a/...e-starred_true-compact_false-header_image-secondary_none-editable_true-base.png b/...e-starred_true-compact_false-header_image-secondary_none-editable_true-base.png
diff --git a/...starred_true-compact_false-header_none-secondary_button-editable_false-base.png b/...starred_true-compact_false-header_none-secondary_button-editable_false-base.png
diff --git a/...-starred_true-compact_false-header_none-secondary_button-editable_true-base.png b/...-starred_true-compact_false-header_none-secondary_button-editable_true-base.png
diff --git a/...e-starred_true-compact_false-header_none-secondary_none-editable_false-base.png b/...e-starred_true-compact_false-header_none-secondary_none-editable_false-base.png
diff --git a/...ue-starred_true-compact_false-header_none-secondary_none-editable_true-base.png b/...ue-starred_true-compact_false-header_none-secondary_none-editable_true-base.png
diff --git a/src/components/NcAppSidebar/NcAppSidebar.vue b/src/components/NcAppSidebar/NcAppSidebar.vue
@@ -610,7 +610,7 @@ export default {
 $sidebar-min-width: 300px;
 $sidebar-max-width: 500px;
 
-$desc-vertical-padding: 18px;
+$desc-vertical-padding: 8px;
 $desc-vertical-padding-compact: 10px;
 $desc-input-padding: 7px;
 
@@ -619,7 +619,7 @@ $desc-title-height: 30px;
 $desc-subtitle-height: 22px;
 $desc-height: $desc-title-height + $desc-subtitle-height;
 
-$top-buttons-spacing: 6px;
+$top-buttons-spacing: 8px;
 
 /*
 	Sidebar: to be used within #content