diff options
| author | fiaxh <git@lightrise.org> | 2022-10-11 17:56:50 +0200 |
|---|---|---|
| committer | fiaxh <git@lightrise.org> | 2022-10-11 18:55:33 +0200 |
| commit | a45280f8dfe45f8908b44cd13996316af44117e9 (patch) | |
| tree | fbca734b6a4c4200ff99c856866e3676af7a668b | |
| parent | 09829b33824ab7d1fbf9886b7ed3e42cd8c34ff2 (diff) | |
| download | dino-a45280f8dfe45f8908b44cd13996316af44117e9.tar.gz dino-a45280f8dfe45f8908b44cd13996316af44117e9.zip | |
Reactions: Improve style
| -rw-r--r-- | main/data/theme.css | 7 | ||||
| -rw-r--r-- | main/src/ui/conversation_content_view/reactions_widget.vala | 14 |
2 files changed, 13 insertions, 8 deletions
diff --git a/main/data/theme.css b/main/data/theme.css index c4bc36c3..d657e0a3 100644 --- a/main/data/theme.css +++ b/main/data/theme.css @@ -174,12 +174,17 @@ window.dino-main .multiparty-participants { /* Reactions */ +window.dino-main menubutton.reaction-box image { + margin-left: 5px; + margin-right: 5px; +} + window.dino-main button.reaction-box, window.dino-main menubutton.reaction-box > button { border: 1px solid transparent; padding: 3px 5px ; border-radius: 10px; - background-color: alpha(@theme_fg_color, 0.05); + background-color: alpha(@theme_fg_color, 0.07); background-image: none; box-shadow: none; min-height: 0; diff --git a/main/src/ui/conversation_content_view/reactions_widget.vala b/main/src/ui/conversation_content_view/reactions_widget.vala index 6e58b05f..c9f93f66 100644 --- a/main/src/ui/conversation_content_view/reactions_widget.vala +++ b/main/src/ui/conversation_content_view/reactions_widget.vala @@ -49,7 +49,7 @@ public class ReactionsController : Object { } private void initialize_widget() { - widget = new ReactionsWidget() { visible=true }; + widget = new ReactionsWidget(); widget.emoji_picked.connect((emoji) => { stream_interactor.get_module(Reactions.IDENTITY).add_reaction(conversation, content_item, emoji); }); @@ -127,7 +127,7 @@ public class ReactionsWidget : Grid { this.row_spacing = this.column_spacing = 5; this.margin_top = 2; - add_button = new MenuButton() { tooltip_text= _("Add reaction"), visible=true }; + add_button = new MenuButton() { tooltip_text= _("Add reaction") }; add_button.get_style_context().add_class("reaction-box"); Util.menu_button_set_icon_with_size(add_button, "dino-emoticon-add-symbolic", 14); @@ -140,11 +140,11 @@ public class ReactionsWidget : Grid { public void update_reaction(string reaction, int count, bool own, Gee.List<string> names) { if (!reaction_buttons.has_key(reaction)) { - Label reaction_label = new Label("<span size='small'>" + reaction + "</span>") { use_markup=true, visible=true }; - Label count_label = new Label("") { use_markup=true, visible=true }; - Button button = new Button() { visible=true }; + Label reaction_label = new Label("<span size='small'>" + reaction + "</span>") { use_markup=true }; + Label count_label = new Label("") { use_markup=true }; + Button button = new Button(); button.get_style_context().add_class("reaction-box"); - Box reaction_box = new Box(Orientation.HORIZONTAL, 4) { visible=true }; + Box reaction_box = new Box(Orientation.HORIZONTAL, 4); reaction_box.append(reaction_label); reaction_box.append(count_label); button.set_child(reaction_box); @@ -162,7 +162,7 @@ public class ReactionsWidget : Grid { }); } - reaction_counts[reaction].label = "<span size='small'>" + count.to_string() + "</span>"; + reaction_counts[reaction].label = "<span font_family='monospace' size='small'>" + count.to_string() + "</span>"; if (own) { reaction_buttons[reaction].get_style_context().add_class("own-reaction"); } else { |