Fixed notifications, updated borders and paddings

- Fixed notifications in GNOME 47 (likely Ubuntu) and older (Fixes #64);
- Fixed big margins between messages for GNOME 47 and older;
- Fixed margins in modal for GNOME 46 and oler;
- Adapted paddings and borders in quick settings and in screenshot panel;
- Changed styles in tooltips and popup messages;
This commit is contained in:
Vladyslav Hroshev
2025-07-04 20:51:57 +03:00
parent 323b14a2de
commit 08ac0aa8d3
9 changed files with 80 additions and 55 deletions
@@ -1,33 +1,38 @@
/* if first button: margin-right: 8px/2 */
/* gaps between buttons in modal/messages
/* if first button */
.modal-dialog-linked-button:ltr:first-child,
.modal-dialog-linked-button:rtl:last-child {
margin: 0 6px 0 0 !important;
}
.notification-button:ltr:first-child,
.hotplug-notification-item:ltr:first-child,
.modal-dialog-linked-button:rtl:last-child,
.notification-button:rtl:last-child,
.hotplug-notification-item:rtl:last-child {
.notification-button:rtl:last-child {
margin: 0 4px 8px 8px !important;
}
/* if last button: margin-left: 8px/2 */
/* if last button */
.modal-dialog-linked-button:ltr:last-child,
.modal-dialog-linked-button:rtl:first-child {
margin: 0 0 0 6px !important;
}
.notification-button:ltr:last-child,
.hotplug-notification-item:ltr:last-child,
.modal-dialog-linked-button:rtl:first-child,
.notification-button:rtl:first-child,
.hotplug-notification-item:rtl:first-child {
.notification-button:rtl:first-child {
margin: 0 8px 8px 4px !important;
}
/* if only button: normal margin */
.modal-dialog-linked-button:first-child:last-child,
.notification-button:first-child:last-child,
.hotplug-notification-item:first-child:last-child {
.modal-dialog-linked-button:first-child:last-child {
margin: 0 !important;
}
.notification-button:first-child:last-child {
margin: 0 8px 8px 8px !important;
}
/* else: margin-right/left: 8px/2 */
.modal-dialog-linked-button,
.notification-button,
.hotplug-notification-item {
/* else */
.modal-dialog-linked-button {
margin: 0 6px 0 6px !important;
}
.notification-button {
margin: 0 4px 8px 4px !important;
}