feat(CompletionProvider): match Fractal's design

GeopJr · Nov 26, 2023 · 5c1a6dd · 5c1a6dd
1 parent a25615c
commit 5c1a6dd
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 2 deletions.
diff --git a/data/style.css b/data/style.css
@@ -610,3 +610,35 @@ video > overlay > revealer > controls {
 .preview_card:not(.explore):active {
 	background-color: alpha(currentColor, 0.1625);
 }
+
+GtkSourceAssistant {
+	background: @popover_bg_color;
+	padding: 8px;
+	/* border-radius of child + padding */
+	border-radius: 14px;
+
+}
+
+GtkSourceAssistant scrolledwindow undershoot {
+	background-image: none;
+	box-shadow: none;
+}
+
+GtkSourceAssistant scrolledwindow .cell.icon {
+	padding: 0;
+}
+
+GtkSourceAssistant row {
+	border-radius: 6px;
+	margin: 6px 0;
+	padding: 6px;
+}
+
+GtkSourceAssistant row:selected {
+	background: alpha(@accent_bg_color, .33);
+}
+
+GtkSourceAssistant row:first-child,
+GtkSourceAssistant row:last-child {
+	margin: 0;
+}
diff --git a/src/Dialogs/Composer/Completion/EmojiProvider.vala b/src/Dialogs/Composer/Completion/EmojiProvider.vala
@@ -45,7 +45,9 @@ public class Tuba.EmojiProvider: Tuba.CompletionProvider {
 
 		switch (cell.get_column ()) {
 			case GtkSource.CompletionColumn.ICON:
-				var image = new Gtk.Image ();
+				var image = new Gtk.Image () {
+					pixel_size = 36
+				};
 				Tuba.Helper.Image.request_paintable (emoji.url, null, (paintable) => {
 					image.paintable = paintable;
 				});

diff --git a/src/Dialogs/Composer/Completion/HandleProvider.vala b/src/Dialogs/Composer/Completion/HandleProvider.vala
@@ -45,7 +45,7 @@ public class Tuba.HandleProvider: Tuba.CompletionProvider {
 
 		switch (cell.get_column ()) {
 			case GtkSource.CompletionColumn.ICON:
-				var avatar = new Adw.Avatar (32, null, true);
+				var avatar = new Adw.Avatar (36, null, true);
 				avatar.name = account.display_name;
 				Tuba.Helper.Image.request_paintable (account.avatar, null, (paintable) => {
 					avatar.custom_image = paintable;