colin/abaddon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

try and make the input component better

Browse Source
This commit is contained in:
ouwou
2021-01-08 21:50:43 -05:00
parent d42e0bae90
commit 3f31d74cd8
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/chatwindow.cpp
View File

@@ -11,7 +11,7 @@ ChatWindow::ChatWindow() {
m_main->get_style_context()->add_class("messages"); m_main->get_style_context()->add_class("messages");
m_list->get_style_context()->add_class("messages"); m_list->get_style_context()->add_class("messages");
m_input->get_style_context()->add_class("message-input"); m_input_scroll->get_style_context()->add_class("message-input");
m_input->signal_key_press_event().connect(sigc::mem_fun(*this, &ChatWindow::on_key_press_event), false); m_input->signal_key_press_event().connect(sigc::mem_fun(*this, &ChatWindow::on_key_press_event), false);
@@ -41,10 +41,13 @@ ChatWindow::ChatWindow() {
m_input->set_hexpand(false); m_input->set_hexpand(false);
m_input->set_halign(Gtk::ALIGN_FILL); m_input->set_halign(Gtk::ALIGN_FILL);
m_input->set_valign(Gtk::ALIGN_CENTER);
m_input->set_wrap_mode(Gtk::WRAP_WORD_CHAR); m_input->set_wrap_mode(Gtk::WRAP_WORD_CHAR);
m_input_scroll->set_max_content_height(200); m_input_scroll->set_propagate_natural_height(true);
m_input_scroll->set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC); m_input_scroll->set_min_content_height(20);
m_input_scroll->set_max_content_height(250);
m_input_scroll->set_policy(Gtk::POLICY_NEVER, Gtk::POLICY_AUTOMATIC);
m_completer.SetBuffer(m_input->get_buffer()); m_completer.SetBuffer(m_input->get_buffer());
m_completer.SetGetChannelID([this]() -> auto { m_completer.SetGetChannelID([this]() -> auto {

7
css/main.css
View File

@@ -86,12 +86,15 @@
background-color: #263238; background-color: #263238;
} }
.message-input, .message-input text { .message-input, .message-input textview, .message-input textview text {
padding: 10px 20px;
background-color: #37474f; background-color: #37474f;
color: #cfd8dc; color: #cfd8dc;
} }
.message-input {
padding: 0px 0px 0px 5px;
}
.members { .members {
background-color: #263238; background-color: #263238;
} }