malcontent/malcontent-control/carousel.css

31 lines
582 B
CSS
Raw Normal View History

malcontent-control: Add widgets from gnome-control-center Add `CcCarousel` and `CcAppPermissions` from gnome-control-center and rename the files. None of the contents of the files have been changed yet. The files are from git master of gnome-control-center on 2020-01-08. `carousel.{c,h,ui}` are licensed under GPLv2+, and are copyright 2016 Red Hat, Inc. The original author was Felipe Borges. `user-controls.{c,h,ui}` are licensed under GPLv3+, and are copyright 2018, 2019 Endless, Inc. `gs-content-rating.{c,h}` are originally from gnome-software, are licensed under GPLv2+, and are copyright 2015, 2016 Richard Hughes. He was also the original author. These files are needed by `user-controls.{c,h}`. `user-image.{c,h}` are licensed under GPLv2+ and are copyright 2015, Red Hat, Inc. The original author was Ondrej Holy. This code will not stay as copy-paste code for too long. The ultimate plan is to rework most of the widgets: • `CcCarousel`: Will be reworked to provide more information about the screen time usage of each user. It will become a summary widget as well as a selector. • `GsContentRating`: Will be abstracted out into libappstream-glib, or some other suitable library, where its implementation can be shared between gnome-software and malcontent. • `CcUserControls`: Will be reworked as the UI of malcontent evolves. Will also be removed from gnome-control-center once malcontent-control is released. • `CcUserImage`: As per `CcCarousel`, this will evolve into a new widget. Signed-off-by: Philip Withnall <withnall@endlessm.com>
2020-01-08 14:56:58 +01:00
.carousel-arrow-container {
border-bottom: 1px solid @borders;
}
.carousel-arrow,
.carousel-inner-arrow {
border-width: 20px; /* ARROW_SIZE */
border-style: solid;
border-color: transparent;
}
.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 {
border-bottom-color: @theme_bg_color;
margin-bottom: -2px;
}
.carousel-item {
background: transparent;
box-shadow: none;
border: none;
color: @theme_fg_color;
}