diff --git a/data/indicator.css b/data/indicator.css index ed3405b2..ad5494fb 100644 --- a/data/indicator.css +++ b/data/indicator.css @@ -18,18 +18,32 @@ */ .mic-icon { - animation: none; + animation: microphone-recording 1s ease-in-out infinite; + animation-direction: alternate; + border-radius: 100px; min-width: 24px; opacity: 1; + padding: 1px; transition: none; -gtk-icon-source: -gtk-icontheme("audio-input-microphone-symbolic"); } .mic-icon.disabled { animation: microphone-disabled 160ms cubic-bezier(0.4, 0.0, 0.2, 1); + animation-direction: normal; + min-height: 24px; -gtk-icon-source: -gtk-icontheme("microphone-sensitivity-muted-symbolic"); } +@keyframes microphone-recording { + 0% { + background: alpha(@BLUEBERRY_500, 0.5); + } + 100% { + background: alpha(@BLUEBERRY_500, 0.8); + } +} + @keyframes microphone-disabled { 0% { -gtk-icon-source: -gtk-icontheme("audio-input-microphone-symbolic"); } 10% { -gtk-icon-source: -gtk-icontheme("microphone-sensitivity-muted-10-symbolic"); opacity: 0.94; } diff --git a/src/Widgets/DisplayWidget.vala b/src/Widgets/DisplayWidget.vala index b910e11a..cd8768f8 100644 --- a/src/Widgets/DisplayWidget.vala +++ b/src/Widgets/DisplayWidget.vala @@ -34,6 +34,7 @@ public class DisplayWidget : Gtk.Grid { volume_icon.pixel_size = 24; var mic_icon = new Gtk.Spinner (); + mic_icon.valign = Gtk.Align.CENTER; mic_icon.margin_end = 18; var mic_style_context = mic_icon.get_style_context ();