ca503774b2
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> |
||
---|---|---|
.. | ||
_a11y.scss | ||
_app-grid.scss | ||
_base.scss | ||
_buttons.scss | ||
_calendar.scss | ||
_check-box.scss | ||
_corner-ripple.scss | ||
_dash.scss | ||
_dialogs.scss | ||
_entries.scss | ||
_hotplug.scss | ||
_ibus-popup.scss | ||
_keyboard.scss | ||
_login-lock.scss | ||
_looking-glass.scss | ||
_message-list.scss | ||
_misc.scss | ||
_notifications.scss | ||
_osd.scss | ||
_overview.scss | ||
_panel.scss | ||
_popovers.scss | ||
_quick-settings.scss | ||
_screenshot.scss | ||
_scrollbars.scss | ||
_search-entry.scss | ||
_search-results.scss | ||
_slider.scss | ||
_switcher-popup.scss | ||
_switches.scss | ||
_window-picker.scss | ||
_workspace-switcher.scss | ||
_workspace-thumbnails.scss |