applications/gnome-control-center
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

user-accounts: Animate the Carousel Arrow

Browse source 
https://bugzilla.gnome.org/show_bug.cgi?id=778405
This commit is contained in:
Felipe Borges 2017-02-09 20:01:40 +01:00
parent bce05cb8bd
commit b8983f906f
2 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
panels/user-accounts/data/carousel.css
View file

@ -12,6 +12,9 @@
.carousel-arrow {
border-bottom-color: @borders;
margin-bottom: -1px;
animation-duration: 200ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.carousel-inner-arrow {

26
panels/user-accounts/um-carousel.c
View file

@ -60,6 +60,7 @@ struct _UmCarousel {
UmCarouselItem *selected_item;
GtkWidget *last_box;
GtkWidget *arrow;
gint arrow_start_x;
/* Widgets */
GtkStack *stack;
@ -121,9 +122,13 @@ um_carousel_move_arrow (UmCarousel *self)
gtk_style_context_remove_provider (context, self->provider);
g_clear_object (&self->provider);
css = g_strdup_printf ("* {\n"
" margin-left: %dpx;\n"
"}\n", end_x);
css = g_strdup_printf ("@keyframes arrow_keyframes-%d {\n"
" from { margin-left: %dpx; }\n"
" to { margin-left: %dpx; }\n"
"}\n"
"* {\n"
" animation-name: arrow_keyframes-%d;\n"
"}\n", end_x, self->arrow_start_x, end_x, end_x);
self->provider = GTK_STYLE_PROVIDER (gtk_css_provider_new ());
gtk_css_provider_load_from_data (GTK_CSS_PROVIDER (self->provider), css, -1, NULL);
@ -187,6 +192,9 @@ on_item_toggled (UmCarouselItem *item,
{
UmCarousel *self = UM_CAROUSEL (user_data);
if (self->selected_item != NULL)
self->arrow_start_x = um_carousel_item_get_x (self->selected_item, self);
self->selected_item = item;
g_signal_emit (user_data, signals[ITEM_ACTIVATED], 0, item);
@ -341,6 +349,16 @@ um_carousel_class_init (UmCarouselClass *klass)
UM_TYPE_CAROUSEL_ITEM);
}
static void
on_size_allocate (UmCarousel *self)
{
if (self->selected_item == NULL)
return;
self->arrow_start_x = um_carousel_item_get_x (self->selected_item, self);
um_carousel_move_arrow (self);
}
static void
um_carousel_init (UmCarousel *self)
{
@ -358,5 +376,5 @@ um_carousel_init (UmCarousel *self)
g_object_unref (provider);
g_signal_connect_swapped (self->stack, "size-allocate", G_CALLBACK (um_carousel_move_arrow), self);
g_signal_connect_swapped (self->stack, "size-allocate", G_CALLBACK (on_size_allocate), self);
}