AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-30 15:31:34 +00:00
Code Issues Projects Releases Wiki Activity

Merge branch 'activatable-colorswatch-style' into 'master'

Browse Source 
Adwaita: Limit color swatch's hover effect to .activatable

See merge request GNOME/gtk!2411
This commit is contained in:
Matthias Clasen 2020-08-08 03:09:30 +00:00
commit 0c0ced1374
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
gtk/gtkcolorbutton.c
View File

@ -272,6 +272,7 @@ gtk_color_button_init (GtkColorButton *button)
button->swatch = gtk_color_swatch_new ();
gtk_widget_set_can_focus (button->swatch, FALSE);
gtk_widget_remove_css_class (button->swatch, "activatable");
g_object_set (button->swatch, "has-menu", FALSE, NULL);
layout = gtk_widget_create_pango_layout (GTK_WIDGET (button), "Black");
pango_layout_get_pixel_extents (layout, NULL, &rect);

26
gtk/theme/Adwaita/_common.scss
View File

@ -3641,24 +3641,22 @@ colorswatch {
}
&.dark {
> overlay {
color: white;
}
&:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); }
&.activatable:hover > overlay {
border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color);
}
}
&.light {
> overlay {
color: black;
}
&:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); }
&.activatable:hover > overlay {
border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color);
}
}
@ -3680,11 +3678,11 @@ colorswatch {
> overlay {
border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color);
}
&:hover {
box-shadow: inset 0 1px transparentize(white, 0.6),
inset 0 -1px transparentize(black, 0.8);
}
&.activatable:hover > overlay {
box-shadow: inset 0 1px transparentize(white, 0.6),
inset 0 -1px transparentize(black, 0.8);
}
&#add-color-button {
@ -3694,8 +3692,10 @@ colorswatch {
> overlay {
@include button(normal);
}
&:hover { @include button(hover); }
&.activatable:hover > overlay {
@include button(hover);
}
}