[gnome-disk-utility/gnome-41] Improve the visual appearance of the devtab toolbar



commit 172ff93c19e143c954bd6b5b70c9e2f8e7baf94f
Author: Ian Santopietro <ian@pop-os.localdomain>
Date:   Wed Sep 29 11:25:18 2021 -0600

    Improve the visual appearance of the devtab toolbar
    
    Improves the visual appearance of the Devtab Grid Toolbar by
    making the toolbar a linked widget with the Devtab Grid above.
    This prevents the odd visual look currently where the buttons in
    the toolbar have squared-off corners on the insides, while
    maintaining the UX-based separation of the 'delete-partition'
    button (which is destructive) from the other buttons.

 src/disks/ui/disks.ui |  2 +-
 src/disks/ui/gdu.css  | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)
---
diff --git a/src/disks/ui/disks.ui b/src/disks/ui/disks.ui
index 60ec5322..cd5e6861 100644
--- a/src/disks/ui/disks.ui
+++ b/src/disks/ui/disks.ui
@@ -808,7 +808,7 @@
                                           <object class="GtkSeparator">
                                             <property name="visible">True</property>
                                             <property name="can-focus">False</property>
-                                            <property name="halign">GTK_ALIGN_START</property>
+                                            <property name="halign">GTK_ALIGN_FILL</property>
                                           </object>
                                           <packing>
                                             <property name="expand">True</property>
diff --git a/src/disks/ui/gdu.css b/src/disks/ui/gdu.css
index 2308e9e7..eca369b5 100644
--- a/src/disks/ui/gdu.css
+++ b/src/disks/ui/gdu.css
@@ -7,7 +7,26 @@
 }
 
 #devtab-grid-toolbar {
-       border-top-width: 1px;
+       padding: 0;
+       border: none;
+
+}
+
+#devtab-grid-toolbar separator {
+       background: none;
+       border: 1px solid @unfocused_borders;
+}
+
+#devtab-grid-toolbar * {
+       border-radius: 0;
+}
+
+#devtab-grid-toolbar *:first-child {
+       border-bottom-left-radius: 4px;
+}
+
+#devtab-grid-toolbar *:last-child {
+       border-bottom-right-radius: 4px;
 }
 
 .gnome-disk-utility-grid:selected {


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