Change css names of list widget

The new names are

GtkListView - listview row
GtkGridView - gridview child
GtkColumView - columnview header
               columnview listview row

Adwaita css has been updated to preserve
existing styles.

Fixes: #2818
This commit is contained in:
Matthias Clasen 2020-06-04 08:42:55 -04:00
parent 8ddf1f1ea5
commit f9287941b4
4 changed files with 23 additions and 4 deletions

View File

@ -653,7 +653,7 @@ gtk_column_view_class_init (GtkColumnViewClass *klass)
G_TYPE_FROM_CLASS (gobject_class),
g_cclosure_marshal_VOID__UINTv);
gtk_widget_class_set_css_name (widget_class, I_("treeview"));
gtk_widget_class_set_css_name (widget_class, I_("columnview"));
}
static void update_column_resize (GtkColumnView *self,

View File

@ -992,7 +992,7 @@ gtk_grid_view_class_init (GtkGridViewClass *klass)
GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass);
GObjectClass *gobject_class = G_OBJECT_CLASS (klass);
list_base_class->list_item_name = "flowboxchild";
list_base_class->list_item_name = "child";
list_base_class->list_item_size = sizeof (Cell);
list_base_class->list_item_augment_size = sizeof (CellAugment);
list_base_class->list_item_augment_func = cell_augment;
@ -1123,7 +1123,7 @@ gtk_grid_view_class_init (GtkGridViewClass *klass)
"u",
gtk_grid_view_activate_item);
gtk_widget_class_set_css_name (widget_class, I_("flowbox"));
gtk_widget_class_set_css_name (widget_class, I_("gridview"));
}
static void

View File

@ -832,7 +832,7 @@ gtk_list_view_class_init (GtkListViewClass *klass)
"u",
gtk_list_view_activate_item);
gtk_widget_class_set_css_name (widget_class, I_("list"));
gtk_widget_class_set_css_name (widget_class, I_("listview"));
}
static void

View File

@ -123,6 +123,23 @@ flowbox {
}
}
gridview {
> rubberband { @extend rubberband; }
> child {
padding: 3px;
transition: $focus_transition;
@include focus-ring();
&:selected {
outline-color: $alt_focus_border_color;
@extend %selected_items;
}
}
}
coverflow cover {
color: $text_color;
background-color: $base_color;
@ -1512,6 +1529,7 @@ pathbar > button {
$_treeview_borders_color: if($variant=='light',mix($borders_color, $base_color,80%),mix($fg_color, $base_color, 20%));
$_treeview_backdrop_borders_color: if($variant=='light',mix($backdrop_borders_color, $base_color, 80%),mix($backdrop_fg_color, $base_color, 20%));
columnview.view,
treeview.view {
border-left-color: $_treeview_borders_color; // this is actually the tree lines color,
border-top-color: $_treeview_borders_color; // while this is the grid lines color, better then nothing
@ -2977,6 +2995,7 @@ separator {
/*********
* Lists *
*********/
listview,
list {
color: $text_color;
background-color: $base_color;