feat(ags): do notification center css

This commit is contained in:
matt1432 2023-09-11 16:25:57 -04:00
parent 943e834af5
commit 2babcb9975
10 changed files with 502 additions and 762 deletions
config/ags/js
bar
notifications

View file

@ -29,6 +29,7 @@ export const NotifButton = EventBox({
Icon({
connections: [
[Notifications, icon => {
// TODO: add no notifs vs notifs
icon.icon = Notifications.dnd
? 'notifications-disabled-symbolic'
: 'preferences-system-notifications-symbolic';

View file

@ -1,8 +1,9 @@
import Notification from './base.js';
import { EventBox } from '../common.js'
const { Notifications } = ags.Service;
const { Button, Label, Box, Icon, Scrollable, Window } = ags.Widget;
const ClearButton = () => Button({
const ClearButton = () => EventBox({child: Button({
onClicked: Notifications.clear,
connections: [[Notifications, button => {
button.sensitive = Notifications.notifications.length > 0;
@ -18,7 +19,7 @@ const ClearButton = () => Button({
}),
],
}),
});
})});
const Header = () => Box({
className: 'header',
@ -61,9 +62,8 @@ export const NotificationCenter = Window({
popup: true,
layer: 'overlay',
anchor: 'top right',
className: 'dashboard',
child: Box({
className: 'notifications',
className: 'notification-center',
vertical: true,
children: [
Header(),