Skip to content
This repository was archived by the owner on Dec 15, 2022. It is now read-only.

Polish the messages list borders #340

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Polish the messages list borders #340

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3f766a3
base: Slightly inscrease the clamp sizes
Kekun Oct 30, 2021
d321b78
style: Give some left and right margin to the messages list
Kekun Oct 30, 2021
feaa843
style: Drop the border around the messages list when small
Kekun Oct 30, 2021
22cc4b6
style: Give the messages a smooth small-large transition
Kekun Oct 30, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions data/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,12 @@
padding: 0px;
}

.ttl-view .small .content {
border: none;
border-radius: 0;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ttl-view .small .content row {
border-left: none;
border-right: none;
Expand All @@ -50,6 +56,14 @@
border-top: 0px;
}

.ttl-view clamp > * {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ttl-view .large {
margin-left: 18px;
margin-right: 18px;
}
.ttl-view .large:first-child {
margin-top: 32px;
}
Expand Down
4 changes: 2 additions & 2 deletions data/ui/views/base.ui
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,8 +33,8 @@
<property name="vexpand">1</property>
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="maximum_size">650</property>
<property name="tightening_threshold">650</property>
<property name="maximum_size">670</property>
<property name="tightening_threshold">670</property>
<child>
<object class="GtkBox" id="column_view">
<property name="orientation">vertical</property>
Expand Down