Commit 3c6652e0 authored by Kavan Mevada's avatar Kavan Mevada 🦊 Committed by Bilal Elmoussaoui

layout and style fix

fixes #85
parent 66a2c550
Pipeline #203328 passed with stages
in 1 minute and 44 seconds
......@@ -3,18 +3,10 @@
font-weight: 300
}
.pill-button {
border-radius: 9999px;
-gtk-outline-radius: 9999px;
padding-left: 9px;
padding-right: 9px;
button.large {
padding: 12px;
}
.large-button {
padding: 12px 12px;
}
list row label.title {
font-weight: bold;
}
......@@ -47,4 +39,4 @@ list row:first-child.expanded {
list row:last-child.expanded {
margin-bottom: 0;
}
}
\ No newline at end of file
This diff is collapsed.
......@@ -34,9 +34,9 @@
<object class="GtkButton" id="recordStartButton">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">False</property>
<property name="valign">center</property>
<property name="always_show_image">True</property>
<property name="halign">center</property>
<property name="receives_default">False</property>
<signal name="clicked" handler="onRecorderStart" swapped="no"/>
<child>
<object class="GtkBox">
......@@ -63,8 +63,6 @@
<property name="label" translatable="yes">Record</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
......@@ -80,14 +78,12 @@
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">False</property>
<property name="valign">center</property>
<property name="menu_model">primaryMenu</property>
<child>
<object class="GtkImage">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="icon_name">open-menu-symbolic</property>
<property name="icon_size">1</property>
</object>
</child>
<style>
......@@ -103,8 +99,6 @@
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
......@@ -168,16 +162,12 @@
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack_type">end</property>
<property name="position">0</property>
</packing>
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
......@@ -193,17 +183,14 @@
<object class="GtkStack" id="playbackStack">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">start</property>
<property name="valign">center</property>
<child>
<object class="GtkButton" id="playButton">
<property name="name">playButton</property>
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="valign">center</property>
<property name="halign">center</property>
<property name="receives_default">True</property>
<property name="tooltip_text" translatable="yes">Resume Recording</property>
<property name="halign">center</property>
<property name="always_show_image">True</property>
<signal name="clicked" handler="onRecorderResume" swapped="no"/>
<child>
<object class="GtkImage" id="playIcon">
......@@ -213,7 +200,8 @@
</object>
</child>
<style>
<class name="pill-button"/>
<class name="image-button"/>
<class name="circular"/>
</style>
</object>
<packing>
......@@ -224,10 +212,10 @@
<object class="GtkButton" id="pauseButton">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="valign">center</property>
<property name="halign">center</property>
<property name="receives_default">True</property>
<property name="tooltip_text" translatable="yes">Pause Recording</property>
<property name="halign">center</property>
<property name="always_show_image">True</property>
<signal name="clicked" handler="onRecorderPause" swapped="no"/>
<child>
<object class="GtkImage" id="pauseIcon">
......@@ -237,7 +225,8 @@
</object>
</child>
<style>
<class name="pill-button"/>
<class name="image-button"/>
<class name="circular"/>
</style>
</object>
<packing>
......@@ -247,8 +236,6 @@
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
......@@ -256,10 +243,10 @@
<object class="GtkButton">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="valign">center</property>
<property name="halign">center</property>
<property name="receives_default">True</property>
<property name="tooltip_text" translatable="yes">Stop Recording</property>
<property name="halign">center</property>
<property name="valign">center</property>
<signal name="clicked" handler="onRecorderStop" swapped="no"/>
<child>
<object class="GtkImage">
......@@ -270,14 +257,13 @@
</object>
</child>
<style>
<class name="pill-button"/>
<class name="destructive-action"/>
<class name="large-button"/>
<class name="image-button"/>
<class name="circular"/>
<class name="large"/>
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
......@@ -285,11 +271,10 @@
<object class="GtkButton">
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="valign">center</property>
<property name="halign">center</property>
<property name="receives_default">True</property>
<property name="tooltip_text" translatable="yes">Cancel Recording</property>
<property name="halign">center</property>
<property name="valign">center</property>
<property name="always_show_image">True</property>
<signal name="clicked" handler="onRecorderCancel" swapped="no"/>
<child>
<object class="GtkImage">
......@@ -299,7 +284,8 @@
</object>
</child>
<style>
<class name="pill-button"/>
<class name="image-button"/>
<class name="circular"/>
</style>
</object>
<packing>
......@@ -308,8 +294,6 @@
</child>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="pack_type">end</property>
<property name="position">1</property>
</packing>
......@@ -358,8 +342,6 @@
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
......@@ -378,8 +360,6 @@
</style>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">2</property>
</packing>
</child>
......@@ -395,8 +375,8 @@
<object class="GtkRevealer" id="notificationRevealer">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="halign">center</property>
<property name="valign">start</property>
<property name="halign">center</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
......@@ -407,21 +387,14 @@
<property name="visible">True</property>
<property name="can_focus">False</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkButton" id="notificationUndoBtn">
<property name="label" translatable="yes">Undo</property>
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="halign">end</property>
<property name="valign">end</property>
<property name="margin_start">18</property>
<property name="label" translatable="yes">Undo</property>
<property name="margin_start">12</property>
</object>
</child>
<child>
......@@ -429,8 +402,6 @@
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="halign">end</property>
<property name="valign">end</property>
<property name="margin_start">8</property>
<property name="relief">none</property>
<child>
......
......@@ -34,7 +34,7 @@ var Row = GObject.registerClass({
this.waveform = new WaveForm({
hexpand: true,
halign: Gtk.Align.FILL,
margin_bottom: 24,
margin_top: 18,
height_request: 60,
margin_left: 12,
margin_right: 12,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment