Set MessageMetaItem.label.selectable to false when run on touchscreen

[tpikonen]

Add new function Dino.Ui.on_touchscreen() which returns true when Dino is run on a touchscreen device. Use this function to set the selectable property on MessageMetaItem labels.

This makes it possible to move from the conversation view to the conversation list by swiping.

[fiaxh]

With this change, people that use laptops with touch screens would not be able to select text anymore.

Also, setting selectable=false might also not be what you want on mobile - mobile users might also want to select text.

I don't know the solution to those issues or whether there is one. Maybe try to search for other projects that use the libadwaita leaflet container and make use of selectable labels, and see if and how they solve the issue.

[tpikonen]

I don't know the solution to those issues or whether there is one. Maybe try to search for other projects that use libadwaita, and make use of selectable labels, and see if and how they solve the issue.

The optimal solution would be to fix GtkLabel (or make a new label widget) to have a separate selection mode. AFAIK this does not exist yet, but for now this hack has worked fine for me.

[fiaxh]

but for now this hack has worked fine for me.

As I just mentioned, it breaks text selection on laptops with touch screens. This is a blocker for merging.

[eerielili]

@fiaxh @tpikonen Maybe also checking own ressource stanza to check if on desktop/laptop should do the trick ?
ie:

dino/main/src/ui/conversation_selector/conversation_selector_row.vala

Lines 306 to 314 in 7e3ceda

	stream_interactor.get_module(EntityInfo.IDENTITY).get_identity.begin(conversation.account, full_jid, (_, res) => {
	Xep.ServiceDiscovery.Identity? identity = stream_interactor.get_module(EntityInfo.IDENTITY).get_identity.end(res);
	Image image = new Image() { hexpand=false, valign=Align.CENTER };
	if (identity != null && (identity.type_ == Xep.ServiceDiscovery.Identity.TYPE_PHONE || identity.type_ == Xep.ServiceDiscovery.Identity.TYPE_TABLET)) {
	image.set_from_icon_name("dino-device-phone-symbolic");
	} else {
	image.set_from_icon_name("dino-device-desktop-symbolic");
	}