gnome-shell/data/theme/gnome-shell-sass/widgets
Georges Basile Stavracas Neto ca503774b2 panel: Add workspaces indicators in activities button
After removing the app name and icon, the next natural step that
was requested from the design team is to add workspaces indicators
to the top bar, where currently the Activities button is placed.

In addition to that, this is desired because there are known issues
with using "Activities" as a label for the overview. A more
comprehensive rationale for that can be found at [1].

Add an workspaces indicator replacing the Activities label in the
activities button.

The WorkspaceIndicators class controls how many workspaces dots
exists, their expansion, and the width multiplier. The WorkspaceDot
class takes the expansion and the multiplier, and applies it
internally so that we can get perfectly rounded dots at all
times without using CSS hacks.

The width multipliers are hardcoded, and defined by the design
team. We can revisit them later if necessary. Special care is
taken to not let these width multipliers result in fractional
widths.

When the number of workspaces changes, WorkspaceIndicators adds
new dot to the end, and animate them. When removing, scale the dot
out, then destroy it.

This does not work with workspace grids, but that's not supported
by GNOME Shell anyway, so no effort is made to cover this use case.

The button continues to have "Activities" as its accessible name,
but the label actor is removed.

Also adjust the padding of the activities pill, so it better wraps
the new indicators.

[1] https://gitlab.gnome.org/Teams/Design/os-mockups/-/issues/227

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2902>
2023-08-19 15:54:04 +00:00
..
_a11y.scss theme: Move accessibility-related selectors into _a11y.scss 2020-02-13 19:46:29 +00:00
_app-grid.scss style: Fix incorrect light scheme color issues in app folder and screenshot ui 2023-08-02 20:05:39 +00:00
_base.scss stylesheet: Increase app dropshadows 2021-02-10 16:19:23 +01:00
_buttons.scss lockscreen: Style cleanup for lock and login 2023-01-06 11:29:31 +00:00
_calendar.scss style: Fixes deprecated compound selectors in sass 2023-05-24 10:12:11 -02:30
_check-box.scss theme: Papercut fixes from 42 refresh 2022-02-05 00:46:22 -03:00
_corner-ripple.scss style: Neutral style for hotcorner ripple 2022-06-20 07:43:31 +00:00
_dash.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_dialogs.scss style: High Contrast improvments 2022-11-24 09:54:02 +00:00
_entries.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_hotplug.scss theme: Improve button styling 2020-01-17 12:21:44 +00:00
_ibus-popup.scss Js: Use new :icon-name property 2022-05-06 13:39:40 +00:00
_keyboard.scss theme: Tweak OSK style 2022-08-10 17:11:26 +00:00
_login-lock.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_looking-glass.scss style: Change lg border radius so it doesn't look cut off in Overview 2023-08-02 20:05:39 +00:00
_message-list.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_misc.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_notifications.scss style: Fix mismatched border radius on notifications 2023-08-02 20:05:39 +00:00
_osd.scss osd: Restyle OSD display popup 2022-04-24 18:19:16 +02:00
_overview.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_panel.scss panel: Add workspaces indicators in activities button 2023-08-19 15:54:04 +00:00
_popovers.scss popupMenu: Use correct padding for items with hidden ornaments 2023-08-01 17:32:53 +00:00
_quick-settings.scss style: Fix border on quick settings button 2023-08-02 20:05:39 +00:00
_screenshot.scss style: Fix incorrect light scheme color issues in app folder and screenshot ui 2023-08-02 20:05:39 +00:00
_scrollbars.scss calendarMenu: Fix several visual issues with calendar and notifications 2022-02-11 23:23:05 +00:00
_search-entry.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_search-results.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_slider.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_switcher-popup.scss style: Fix incorrect light scheme color issues in app folder and screenshot ui 2023-08-02 20:05:39 +00:00
_switches.scss theme: Papercut fixes from 42 refresh 2022-02-05 00:46:22 -03:00
_window-picker.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00
_workspace-switcher.scss theme: Stylesheet papercuts and other visual fixes 2022-02-14 13:35:41 -03:30
_workspace-thumbnails.scss style: Light variant fixes and accommodations 2023-03-29 14:22:46 +00:00