Added tooltips and small tweaks to message entry

This commit is contained in:
jeffser 2024-06-23 18:00:54 -06:00
parent c0a0ca7f39
commit 2dae041efa
4 changed files with 17 additions and 24 deletions

View File

@ -1,4 +0,0 @@
.message-input {
background-color: #343434;
}

View File

@ -1,7 +1,3 @@
.message-input {
background-color: #EBEBEB;
}
.chat_row box.header { .chat_row box.header {
font-size: 14px; font-size: 14px;
} }

View File

@ -324,7 +324,8 @@ class AlpacaWindow(Adw.ApplicationWindow):
icon_name = "media-playback-stop-symbolic", icon_name = "media-playback-stop-symbolic",
vexpand = False, vexpand = False,
valign = 3, valign = 3,
css_classes = ["error"] css_classes = ["error"],
tooltip_text = _("Stop creating '{}'").format(name)
) )
button.connect("clicked", lambda button, model_name=name : dialogs.stop_pull_model(self, model_name)) button.connect("clicked", lambda button, model_name=name : dialogs.stop_pull_model(self, model_name))
model_row.add_suffix(button) model_row.add_suffix(button)
@ -463,11 +464,12 @@ class AlpacaWindow(Adw.ApplicationWindow):
delete_button = Gtk.Button( delete_button = Gtk.Button(
icon_name = "user-trash-symbolic", icon_name = "user-trash-symbolic",
css_classes = ["flat", "circular", "delete-message-button"], css_classes = ["flat", "circular", "delete-message-button"],
tooltip_text = _("Remove message")
) )
copy_button = Gtk.Button( copy_button = Gtk.Button(
icon_name = "edit-copy-symbolic", icon_name = "edit-copy-symbolic",
css_classes = ["flat", "circular", "delete-message-button"], css_classes = ["flat", "circular", "delete-message-button"],
tooltip_text = _("Copy message")
) )
button_container = Gtk.Box( button_container = Gtk.Box(
@ -583,7 +585,8 @@ class AlpacaWindow(Adw.ApplicationWindow):
icon_name = "user-trash-symbolic", icon_name = "user-trash-symbolic",
vexpand = False, vexpand = False,
valign = 3, valign = 3,
css_classes = ["error"] css_classes = ["error"],
tooltip_text = _("Remove '{}'").format(model["name"])
) )
button.connect("clicked", lambda button=button, model_name=model["name"]: dialogs.delete_model(self, model_name)) button.connect("clicked", lambda button=button, model_name=model["name"]: dialogs.delete_model(self, model_name))
model_row.add_suffix(button) model_row.add_suffix(button)
@ -695,7 +698,7 @@ class AlpacaWindow(Adw.ApplicationWindow):
code_block_box = Gtk.Box(css_classes=["card"], orientation=1, overflow=1) code_block_box = Gtk.Box(css_classes=["card"], orientation=1, overflow=1)
title_box = Gtk.Box(margin_start=12, margin_top=3, margin_bottom=3, margin_end=3) title_box = Gtk.Box(margin_start=12, margin_top=3, margin_bottom=3, margin_end=3)
title_box.append(Gtk.Label(label=language.get_name() if language else part['language'], hexpand=True, xalign=0)) title_box.append(Gtk.Label(label=language.get_name() if language else part['language'], hexpand=True, xalign=0))
copy_button = Gtk.Button(icon_name="edit-copy-symbolic", css_classes=["flat", "circular"]) copy_button = Gtk.Button(icon_name="edit-copy-symbolic", css_classes=["flat", "circular"], tooltip_text=_("Copy message"))
copy_button.connect("clicked", self.on_copy_code_clicked, buffer) copy_button.connect("clicked", self.on_copy_code_clicked, buffer)
title_box.append(copy_button) title_box.append(copy_button)
code_block_box.append(title_box) code_block_box.append(title_box)
@ -824,7 +827,8 @@ class AlpacaWindow(Adw.ApplicationWindow):
icon_name = "media-playback-stop-symbolic", icon_name = "media-playback-stop-symbolic",
vexpand = False, vexpand = False,
valign = 3, valign = 3,
css_classes = ["error"] css_classes = ["error"],
tooltip_text = _("Stop pulling '{}'").format(model)
) )
button.connect("clicked", lambda button, model_name=model : dialogs.stop_pull_model(self, model_name)) button.connect("clicked", lambda button, model_name=model : dialogs.stop_pull_model(self, model_name))
model_row.add_suffix(button) model_row.add_suffix(button)
@ -845,13 +849,13 @@ class AlpacaWindow(Adw.ApplicationWindow):
icon_name = "globe-symbolic", icon_name = "globe-symbolic",
vexpand = False, vexpand = False,
valign = 3, valign = 3,
css_classes = ["success"] tooltip_text = _("Visit '{}' website").format(name)
) )
pull_button = Gtk.Button( pull_button = Gtk.Button(
icon_name = "folder-download-symbolic", icon_name = "folder-download-symbolic",
vexpand = False, vexpand = False,
valign = 3, valign = 3,
css_classes = ["accent"] tooltip_text = _("Pull '{}'").format(name)
) )
link_button.connect("clicked", lambda button=link_button, link=model_info["url"]: webbrowser.open(link)) link_button.connect("clicked", lambda button=link_button, link=model_info["url"]: webbrowser.open(link))
pull_button.connect("clicked", lambda button=pull_button, model_name=name: dialogs.pull_model(self, model_name)) pull_button.connect("clicked", lambda button=pull_button, model_name=name: dialogs.pull_model(self, model_name))

View File

@ -91,6 +91,7 @@
<object class="GtkDropDown" id="model_drop_down"> <object class="GtkDropDown" id="model_drop_down">
<signal name="notify" handler="verify_if_image_can_be_used"/> <signal name="notify" handler="verify_if_image_can_be_used"/>
<property name="enable-search">true</property> <property name="enable-search">true</property>
<property name="tooltip-text">Select model</property>
<property name="model"> <property name="model">
<object class="GtkStringList" id="model_string_list"> <object class="GtkStringList" id="model_string_list">
<items> <items>
@ -207,26 +208,18 @@
<object class="GtkBox"> <object class="GtkBox">
<style> <style>
<class name="card"/> <class name="card"/>
<class name="message-input"/> <class name="view"/>
</style> </style>
<child> <child>
<object class="GtkScrolledWindow"> <object class="GtkScrolledWindow">
<property name="margin-start">12</property> <property name="margin-start">12</property>
<property name="margin-end">12</property> <property name="margin-end">12</property>
<style>
<class name="message-input"/>
<class name="undershoot-bottom"/>
<class name="undershoot-top"/>
</style>
<child> <child>
<object class="GtkTextView" id="message_text_view"> <object class="GtkTextView" id="message_text_view">
<property name="wrap-mode">word</property> <property name="wrap-mode">word</property>
<property name="top-margin">6</property> <property name="top-margin">6</property>
<property name="bottom-margin">6</property> <property name="bottom-margin">6</property>
<property name="hexpand">true</property> <property name="hexpand">true</property>
<style>
<class name="message-input"/>
</style>
</object> </object>
</child> </child>
</object> </object>
@ -788,6 +781,7 @@
<property name="vexpand">false</property> <property name="vexpand">false</property>
<property name="icon-name">folder-download-symbolic</property> <property name="icon-name">folder-download-symbolic</property>
<property name="valign">3</property> <property name="valign">3</property>
<property name="tooltip-text">Pull 'Llama3 (latest)'</property>
<style> <style>
<class name="accent"/> <class name="accent"/>
</style> </style>
@ -805,6 +799,7 @@
<property name="vexpand">false</property> <property name="vexpand">false</property>
<property name="icon-name">folder-download-symbolic</property> <property name="icon-name">folder-download-symbolic</property>
<property name="valign">3</property> <property name="valign">3</property>
<property name="tooltip-text">Pull 'Gemma (latest)'</property>
<style> <style>
<class name="accent"/> <class name="accent"/>
</style> </style>
@ -822,6 +817,7 @@
<property name="vexpand">false</property> <property name="vexpand">false</property>
<property name="icon-name">folder-download-symbolic</property> <property name="icon-name">folder-download-symbolic</property>
<property name="valign">3</property> <property name="valign">3</property>
<property name="tooltip-text">Pull 'Phi3 (latest)'</property>
<style> <style>
<class name="accent"/> <class name="accent"/>
</style> </style>
@ -839,6 +835,7 @@
<property name="vexpand">false</property> <property name="vexpand">false</property>
<property name="icon-name">folder-download-symbolic</property> <property name="icon-name">folder-download-symbolic</property>
<property name="valign">3</property> <property name="valign">3</property>
<property name="tooltip-text">Pull 'Llava (latest)'</property>
<style> <style>
<class name="accent"/> <class name="accent"/>
</style> </style>