1395 Commits

Author SHA1 Message Date
Julian Sparber
b4113b1ee2 messageList: Highlight expanded group
The new design requires that other messages and groups are faded when the user
has a group expanded. This introduces a new GLSL shader to provide the
desired effect. The new shader is used for the already existing scroll
fade and the previous one is removed. The two fades need to work together to
ensure that resulting fade looks good.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3012>
2025-02-11 11:30:29 +00:00
Julian Sparber
47de83a922 messageList: Make notification groups expandable/collapsible
This implements the new expand/collapse feature for notification groups
according to the new notification designs [1].

[1] 9e2bed6f37/notifications-calendar/notifications-grouping.png

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3012>
2025-02-11 11:30:29 +00:00
Julian Sparber
219cd88c82 messageList: Add notification group
This add a widget for the new notification grouping
according to the new designs [1], but the expand behavior will be added
in a future commit.

[1] 9e2bed6f37/notifications-calendar/notifications-grouping.png

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3012>
2025-02-11 11:30:29 +00:00
Julian Sparber
996480908d messageList: Cleanup MessageView before adding new features
This removes some unneeded children, cleans up the API of the
MessageView and changes legacy coding style.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3012>
2025-02-11 11:30:29 +00:00
Julian Sparber
6e86110dfd messageList: Rename MessageSection to MessageView
For message grouping by source we need more control over the list of
messages to reflect this change rename the MessageSection to
MessageView. Message from different sources will be added to the
MessageView directly in a future commit.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3012>
2025-02-11 11:30:29 +00:00
Sam Hewitt
481625972b style: Fix fg color of user icon on dialogs
- use regular fg_color instead of OSD style

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/8151
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3596>
2025-01-21 16:52:33 +00:00
Sam Hewitt
fa16d4dc91 style: Fix background fill on tile_buttons
- addresses issue with tiles overlapping each other in the grid

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7577
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3551>
2025-01-14 16:52:15 +00:00
Sam Hewitt
038b06d868 style: Adjust the focus logic to accommodate accent color
- adjust definitions for focus/accent related colors
- rework the focus mixins to better match how libadwaita handles accent color and focus

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7989
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3552>
2025-01-10 18:31:38 +00:00
Sam Hewitt
4a89811211 style: Tweak menuitem drawing function to fix hover color
- drop the flat style if statement, since it's unused/redundant
- use same style for hover, selected and checked

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7939
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3552>
2025-01-10 18:31:38 +00:00
Sam Hewitt
256e9d7925 style: Sync warning color with libadwaita
Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7863
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3552>
2025-01-10 18:31:38 +00:00
Sam Hewitt
c072f7c10c style: Sync base grey colors with libadwaita
Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/8058
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3552>
2025-01-10 18:31:38 +00:00
Sam Hewitt
eeddf49371 style: Improve the styles for the separation in quick setting buttons
- remove the highlighting js in favour of color definitions, to fix it not really working in light theme or high contrast
- add a bunch of color definitions to set the color of the menu button in the different styles
- drop the border drawing for a separator, to fix visual issues with the high border radius, in favour of a separator element
- change the class names of some things to make it understandable
- bit of overall css tidying

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3554>
2025-01-10 18:22:09 +00:00
Sam Hewitt
f9b231beb3 style: Clean up the keyboard stylesheet
- remove a lot of unused styles and deprecated class definitions
- fix the padding and spacing of subkeys popover
- fix the lack of vertical padding on word-suggestions

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3553>
2025-01-10 17:58:15 +00:00
Sam Hewitt
b73159f414 keyboard: New and updated symbolic assets
- renamed all assets to start with osk- disambiguate them from other keyboard status icons
- updated the design of hide, enter and keyboard layout icons to be more rounded
- new symbolic assets for emoji and delete actions to move away from using 16x16
- updated keyboard scss to use the scalable icon definition
- updated the zwnj asset to align with GNOME icon style
- changed all references to icons in layouts

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3555>
2025-01-10 14:22:01 +00:00
AuralRay
2c9e75252a style: Tweak ibus popover border radius
Both the popover padding and the radius of candidate items
is smaller than in "normal" popovers. Adjust the radius
of the candidate popup accordingly to better match the items.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3584>
2025-01-08 10:30:07 +00:00
Florian Müllner
58a1e000fa animation: Use new spinner content
Change the dedicated Spinner widget to use the corresponding content
instead of subclassing AnimatedIcon with appropriate assets.

Other than the changed class hierarchy, the public API stays the
same, so the impact on callers should be minimal.

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/8055
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3565>
2024-12-24 15:37:20 +00:00
Philip Withnall
df3b4d302d breakManager: Add new state machine for screen time/health breaks
This implements health break reminder support in gnome-shell. It depends
on a
few bits and bobs from other modules:
 - New settings schemas in gsettings-desktop-schemas (released in
   47.beta, which Mutter already depends on)
 - A settings UI in gnome-control-center
 - User documentation in gnome-user-docs

It implements the design from
https://gitlab.gnome.org/Teams/Design/settings-mockups/-/blob/master/wellbeing/wellbeing.png.

The core of the implementation is `BreakManager`, which is a state
machine which uses the Mutter `IdleMonitor` to track whether the user
is, or should be, in a screen time break.

The `BreakDispatcher` is based on top of this, and controls showing
notifications, countdown timers, screen fades, the lock shield, etc. to
make the user aware of upcoming or due breaks, as per their notification
preferences.

Unit tests are included to check that `BreakManager` works. These
provide mock implementations of basic GLib clock functions, the
`IdleMonitor` and `Gio.Settings` in order to test the state machine in
faster-than-real-time.

Signed-off-by: Philip Withnall <pwithnall@gnome.org>

See: https://gitlab.gnome.org/Teams/Design/initiatives/-/issues/130
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3251>
2024-11-28 10:44:10 +00:00
Sam Hewitt
6912d31068 style: Improve contrast of empty notifications tray message
- lower how opaque the text is for the message
- redraw the icon asset to be outline as to make it feel less heavy at the brighter color

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7852
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3557>
2024-11-22 12:33:45 -03:30
Florian Müllner
5b26b75137 style: Also restore padding for all password entries
Quoting Sam:
  "It is meant to be a general property of password entries
  (same as on .run-dialog-entry) and should be restored harder also."

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3514>
2024-10-18 14:42:16 +02:00
Florian Müllner
e8265c17dc style: Restore password entry width harder
Commit ee0538807 restored the fixed password entry width, but only
for entries nested under .prompt-dialog-password-layout. That
does not include the network secret dialog, so go back to the
original styling prior to commit 8d065b558e where the width
is set for all password entries, and the mount operation overrides
it with a more specific rule.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3514>
2024-10-18 12:20:59 +00:00
Florian Müllner
ee05388071 style: Restore password entry width
Commit removed the fixed width that is used by polkit/keyring
prompts, with the result that the entries now start at their
natural size, and grow as text is entered.

Restore the original behavior, but nest the style under
.prompt-dialog-password-layout (polkit/keyring) to better
differentiate it from entries under ..prompt-dialog-password-grid
(mount operations).

Fixes: 8d065b558e ("style: Clean up dialogs stylesheet to fix layout issues")
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3511>
2024-10-17 19:39:23 +02:00
Sam Hewitt
37e5b31408 style: Saner padding and margins in notification headers
Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7920
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3486>
2024-10-16 16:52:41 +00:00
Sam Hewitt
8d065b558e style: Clean up dialogs stylesheet to fix layout issues
- remove unnecessary dialog type-specific padding, spacing and margin definitions that led to layout to problems
- bump the size of user avatar in authentication dialog
- nest css classes in the sass to better reflect the structure of dialog elements
- sync style of audio device selector with switcher-popup style
- sync text and padding styles with other elements
- fix incorrect button order in audio selection dialog

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7876
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3473>
2024-10-16 16:41:40 +00:00
Sam Hewitt
a32f735ec0 style: Use unlinked rounded buttons for notifications
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3427>
2024-08-02 13:37:44 -02:30
Sam Hewitt
ff4b9fdb08 style: Use unlinked rounded buttons for notifications
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3383>
2024-08-02 15:16:46 +00:00
Sam Hewitt
94181ea999 style: Text and icon weight adjustments
- bump the font weight of the clock
- lower the font weight of user names
- adjust avatar weight

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3410>
2024-07-19 18:45:44 +00:00
Sam Hewitt
fc39c32324 lookingGlass: Clean up the stylesheet and improve visuals overall
- shuffle stylesheet around for readability
- change names and classes of elements to be consistent
- added style classes to window list elements so they can be styled
- make sure all elements follow OSD style even in light theme
- clean out some old styles

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7746
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3412>
2024-07-11 19:00:29 +00:00
Florian Müllner
6f2c99147c lookingGlass: Stop setting font programmatically
Instead, use CSS to request a monospace font selectively where
it makes sense (the evaluator).

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7776
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3413>
2024-07-11 19:27:08 +02:00
Alice Mikhaylenko
a93cfb94e4 theme: Support accent color
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2715>
2024-06-20 13:18:00 +00:00
Alice Mikhaylenko
0b888fc07f theme: Use transparent text selection
Match libadwaita.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2715>
2024-06-20 13:18:00 +00:00
Alice Mikhaylenko
cca34af31e switch: Add hover styles
Same as checkboxes.

Closes https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/6455

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2717>
2024-06-20 13:30:57 +02:00
Daniel Ruiz de Alegría
259eaa9bbb switch: Style switches with pure CSS
Drop hardcoded assets, have a handle actor instead, change its align to
move it.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2717>
2024-06-20 13:30:57 +02:00
Alice Mikhaylenko
e75839bd5d checkBox: Reimplement styles in CSS
Stop using SVG assets other than the actual check icon. This will help
making it recolorable.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2717>
2024-06-20 13:30:57 +02:00
Sam Hewitt
92063e5e46 style: Fix background color issue with menuitems
- fix missing submenu bg colors
- add submenu color definitions

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7570
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3311>
2024-06-20 10:15:04 +00:00
Sebastian Keller
559d38c259 style: Don't use different offset for the HC app grid running indicator
The offset in high contrast mode was moving the dot too close to the
text making the spacing between the text, dot and hover highlight appear
visually unbalanced. Also it was making it more likely to overlap
descenders in the text.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3245>
2024-05-22 19:02:42 +00:00
Sebastian Keller
e2adc5a445 style: Shift dash running indicator dot up a pixel in high contrast mode
With the dot now being placed correctly at the bottom of the hover
highlight it is now also overlapping the 1px inset shadow used as
outline in high contrast mode. To avoid this, shift the dot up
accordingly.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3245>
2024-05-22 19:02:42 +00:00
Sebastian Keller
31997fa2f9 appDisplay: Set running indicator dot offset via CSS
The offset was given as a hardcoded (physical) pixel value and did not
take scaling into account. This lead to it being shifted closer towards
the icon as the scale increased.

This now replaces the hardcoded value with a CSS property which
automatically includes the scale factor.

Further this allows simplifying some calculations that previously were
trying to counteract the hardcoded offset using margins by using the
intended offset directly.

With this the dot in the dash is also now placed at exactly the bottom
of the hover highlight, while previously there was an unintentional 1px
space.

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7488
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3245>
2024-05-22 19:02:42 +00:00
Sam Hewitt
6fd0aac864 slider: Remove border drawing code add hover style
- remove all the border drawing on sliders since they are unused
- listen for hover and add hover style

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/6274
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3320>
2024-05-21 13:10:49 +00:00
Sam Hewitt
43596ffca6 popupMenu: Use selected pseudoclass instead of class
- drop :focus from menuitem drawing
- update menuitem drawing function to style :selected

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7637
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3314>
2024-05-21 12:49:32 +00:00
Sam Hewitt
aa2c8ae435 style: Adjust font sizes in Calendar popover
- increase the font size definition for %smaller used by calendar
- drop numeric time style for weather box

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7400
Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/6024
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3313>
2024-05-20 12:34:13 +00:00
Jonas Dreßler
14ba1c2ffa style: Enforce a min spacing of the dash to the left/right screen edges
The dash currently doesn't enforce any spacing when it comes to the left and
right edges of the monitor. With the right amount of icons, it will come
very close to or even touch the edge.

Make sure this "edge case" also looks good by adding a padding to the left
and right of the container.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3278>
2024-05-14 18:24:07 +00:00
Jonas Dreßler
b58119d5c6 overview: Make the spacing dynamic depending on screen height
The HTML/CSS sizing prototype that was done back in the day for GNOME 40 has
a dynamic spacing depending on the height of the monitor. Let's try to
follow that more closely and make the spacing dependent on screen height.

For the sizing prototype, see
https://gitlab.gnome.org/Teams/Design/os-mockups/-/tree/master/overview/sizing-prototype

This also allows removing of a bit of manually added spacing at the top of
the dash.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3278>
2024-05-14 18:24:07 +00:00
Jonas Dreßler
816b4e4bf1 style: Remove outdated padding entry
The .overview-controls class doesn't exist, so this is not valid anymore,
remove it!

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3278>
2024-05-14 18:24:07 +00:00
Sam Hewitt
1053b5826a style: Fix contrast issues of themed icons in messages
- increase circular bg color transparency

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7628
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3315>
2024-05-14 14:56:00 +00:00
Sam Hewitt
25ad8c9408 style: Adjust margin on search results grid to fix Large Text display
- drop unneeded margin definitions that cause results items to disappear when Large Text is enabled

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7511
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3312>
2024-05-13 22:28:56 +00:00
Sam Hewitt
6fee2c24e3 style: New window-icon class to split it from icon-dropshadow
- new class for window icons in window picker
- move HC specific styles to this new class

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/issues/507
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3310>
2024-05-13 13:11:51 -02:30
Florian Müllner
676503ff27 style: Don't force symbolic notification icons
With the addition of notification headers, we no longer include
an icon with every notification, but only when the notification
explicitly specifies an icon (other than the app icon).

After those changes, it makes more sense to use the icon as
provided by the app than forcing the symbolic style (which
only works for themed icons anyway).

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/7620
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3296>
2024-05-09 17:47:32 +00:00
Ray Strode
09b541ad61 loginDialog: Make info messages themed
They were lacking a definition before leading them to
show up invisible.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3298>
2024-05-03 17:47:43 +02:00
Jakub Steiner
fb74d56258 theme: Worksace indicator height
- set the workspace indicator height to match the non-labeled osd panels
  such as volume or brightness

Fixes #7612

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3282>
2024-04-25 11:15:13 -04:00
Sam Hewitt
cee3ec2c50 style: Fix hover state difference in notification header buttons
- make the close button and expand button use the same styles
- add style for :active:hover state since it was missing

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3238>
2024-03-15 13:04:55 +00:00