[gnome-sound-recorder/wip/cdavis/gtk4: 2/2] ui: Use circular instead of rounded-button




commit 1dc36a9c1083e0d41f1c9f4d45b81f4097d2bb50
Author: Christopher Davis <christopherdavis gnome org>
Date:   Tue Sep 21 04:17:00 2021 -0700

    ui: Use circular instead of rounded-button
    
    In GTK4 Adwaita circular is properly circular, so we don't
    need a custom class.

 data/application.css |  8 --------
 data/ui/recorder.ui  |  8 ++++----
 data/ui/row.ui       | 18 +++++++++---------
 3 files changed, 13 insertions(+), 21 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 27ef5c0..f65bab0 100644
--- a/data/application.css
+++ b/data/application.css
@@ -16,14 +16,6 @@
        animation-duration: 1s;
 }
 
-button.rounded-button {
-  padding: 4px;
-  border-radius: 9999px;
-       -gtk-outline-radius: 9999px;
-  min-width: 24px;
-  min-height: 24px;
-}
-
 button.large {
   padding: 12px;
 }
diff --git a/data/ui/recorder.ui b/data/ui/recorder.ui
index 81a802a..643b5ad 100644
--- a/data/ui/recorder.ui
+++ b/data/ui/recorder.ui
@@ -52,7 +52,7 @@
                             <property name="action_name">recorder.resume</property>
                             <property name="icon_name">media-playback-start-symbolic</property>
                             <style>
-                              <class name="rounded-button"/>
+                              <class name="circular"/>
                             </style>
                           </object>
                         </property>
@@ -70,7 +70,7 @@
                             <property name="action_name">recorder.pause</property>
                             <property name="icon_name">media-playback-pause-symbolic</property>
                             <style>
-                              <class name="rounded-button"/>
+                              <class name="circular"/>
                             </style>
                           </object>
                         </property>
@@ -93,7 +93,7 @@
                     </child>
                     <style>
                       <class name="destructive-action"/>
-                      <class name="rounded-button"/>
+                      <class name="circular"/>
                       <class name="large"/>
                     </style>
                   </object>
@@ -107,7 +107,7 @@
                     <property name="action_name">recorder.cancel</property>
                     <property name="icon_name">user-trash-symbolic</property>
                     <style>
-                      <class name="rounded-button"/>
+                      <class name="circular"/>
                     </style>
                   </object>
                 </child>
diff --git a/data/ui/row.ui b/data/ui/row.ui
index 9fa8103..33479d0 100644
--- a/data/ui/row.ui
+++ b/data/ui/row.ui
@@ -111,7 +111,7 @@
                             <property name="tooltip_text" translatable="yes">Delete</property>
                             <property name="icon_name">user-trash-symbolic</property>
                             <style>
-                              <class name="rounded-button"/>
+                              <class name="circular"/>
                             </style>
                           </object>
                         </child>
@@ -131,7 +131,7 @@
                             <property name="tooltip_text" translatable="yes">Seek 10s Backward</property>
                             <property name="icon_name">skip-back-symbolic</property>
                             <style>
-                              <class name="rounded-button"/>
+                              <class name="circular"/>
                             </style>
                           </object>
                         </child>
@@ -154,7 +154,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="rounded-button"/>
+                                      <class name="circular"/>
                                       <class name="large"/>
                                     </style>
                                   </object>
@@ -178,7 +178,7 @@
                                       </object>
                                     </child>
                                     <style>
-                                      <class name="rounded-button"/>
+                                      <class name="circular"/>
                                       <class name="large"/>
                                     </style>
                                   </object>
@@ -196,7 +196,7 @@
                             <property name="tooltip_text" translatable="yes">Seek 10s Forward</property>
                             <property name="icon_name">skip-forward-symbolic</property>
                             <style>
-                              <class name="rounded-button"/>
+                              <class name="circular"/>
                             </style>
                           </object>
                         </child>
@@ -224,7 +224,7 @@
                                         <property name="action_name">recording.export</property>
                                         <property name="icon_name">document-save-symbolic</property>
                                         <style>
-                                          <class name="rounded-button"/>
+                                          <class name="circular"/>
                                         </style>
                                       </object>
                                     </child>
@@ -237,7 +237,7 @@
                                         <property name="action_name">recording.rename</property>
                                         <property name="icon_name">document-edit-symbolic</property>
                                         <style>
-                                          <class name="rounded-button"/>
+                                          <class name="circular"/>
                                         </style>
                                       </object>
                                     </child>
@@ -251,7 +251,7 @@
                                     <property name="valign">center</property>
                                     <property name="icon_name">view-more-symbolic</property>
                                     <style>
-                                      <class name="rounded-button"/>
+                                      <class name="circular"/>
                                     </style>
                                   </object>
                                 </child>
@@ -271,7 +271,7 @@
                                 <property name="action_name">recording.save</property>
                                 <property name="icon_name">emblem-ok-symbolic</property>
                                 <style>
-                                  <class name="rounded-button"/>
+                                  <class name="circular"/>
                                   <class name="suggested-action"/>
                                 </style>
                               </object>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]