Fix circular buttons to actually be round

This commit is contained in:
fiaxh 2022-01-08 21:33:57 +01:00
parent bafec6e202
commit e40de72631
3 changed files with 11 additions and 2 deletions

View file

@ -136,12 +136,14 @@
<property name="visible">True</property> <property name="visible">True</property>
<child> <child>
<object class="GtkButton" id="x_button"> <object class="GtkButton" id="x_button">
<property name="width-request">27</property>
<property name="height-request">27</property>
<property name="vexpand">False</property> <property name="vexpand">False</property>
<property name="visible">True</property> <property name="visible">True</property>
<property name="margin-start">5</property> <property name="margin-start">5</property>
<style> <style>
<class name="conversation_list_row_xbutton"/> <class name="conversation_list_row_xbutton"/>
<class name="circular"/> <class name="circular-button"/>
<class name="flat"/> <class name="flat"/>
</style> </style>
<child> <child>

View file

@ -27,12 +27,14 @@
<property name="margin-bottom">30</property> <property name="margin-bottom">30</property>
<child> <child>
<object class="GtkButton" id="goto_end_button"> <object class="GtkButton" id="goto_end_button">
<property name="width-request">30</property>
<property name="height-request">30</property>
<property name="vexpand">False</property> <property name="vexpand">False</property>
<property name="halign">end</property> <property name="halign">end</property>
<property name="valign">end</property> <property name="valign">end</property>
<property name="visible">True</property> <property name="visible">True</property>
<style> <style>
<class name="circular"/> <class name="circular-button"/>
</style> </style>
<child> <child>
<object class="GtkImage"> <object class="GtkImage">

View file

@ -78,6 +78,11 @@ window.dino-main .dino-sidebar > frame {
transition: background .05s ease; transition: background .05s ease;
} }
window.dino-main .circular-button {
padding: 0;
border-radius: 1000px;
}
window.dino-main .dino-conversation .message-box.edit-mode { window.dino-main .dino-conversation .message-box.edit-mode {
background: alpha(@theme_selected_bg_color, 0.1); background: alpha(@theme_selected_bg_color, 0.1);
} }