diff --git a/CHANGELOG-WIP.md b/CHANGELOG-WIP.md index 70da5815ac3..6f91c1fea19 100644 --- a/CHANGELOG-WIP.md +++ b/CHANGELOG-WIP.md @@ -3,6 +3,7 @@ ### Content Management - Improved global sidebar styling. ([#14281](https://github.com/craftcms/cms/pull/14281)) - The global sidebar is now collapsible. ([#14281](https://github.com/craftcms/cms/pull/14281)) +- It’s now possible to expand and collapse global sidebar items without navigating to them. ([#14313](https://github.com/craftcms/cms/issues/14313), [#14321](https://github.com/craftcms/cms/pull/14321)) - Redesigned the global breadcrumb bar to include quick links to other areas of the control panel, page context menus, and action menus. ([#13902](https://github.com/craftcms/cms/pull/13902)) - All elements can now have thumbnails, provided by Assets fields. ([#12484](https://github.com/craftcms/cms/discussions/12484), [#12706](https://github.com/craftcms/cms/discussions/12706)) - Element indexes and relational fields now have the option to use card views. ([#6024](https://github.com/craftcms/cms/pull/6024)) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3f22b2790c5..4ffdfac54ad 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,8 @@ ## Unreleased +- It’s now possible to expand and collapse global sidebar items without navigating to them. ([#14313](https://github.com/craftcms/cms/issues/14313), [#14321](https://github.com/craftcms/cms/pull/14321)) +- Removed the maximum content area width. ([#14281](https://github.com/craftcms/cms/pull/14281)) - Fixed a bug where querying elements with `eagerly()` wasn’t working across element types. - Fixed a SQL error that could occur when querying relations with `eagerly()`. - Fixed a bug where element actions weren’t working for elements that were added to a relational field. diff --git a/packages/craftcms-sass/_mixins.scss b/packages/craftcms-sass/_mixins.scss index 5fca8558852..f075ac8363e 100644 --- a/packages/craftcms-sass/_mixins.scss +++ b/packages/craftcms-sass/_mixins.scss @@ -270,9 +270,11 @@ $menuBorderRadius: $mediumBorderRadius; border: solid $color; border-width: 0 $width $width 0; opacity: 0.8; + position: relative; @if $dir == up { transform: rotate(225deg); + top: 2px; } @else if $dir == down { transform: rotate(45deg); } @else if $dir == left { diff --git a/src/templates/_layouts/components/global-sidebar.twig b/src/templates/_layouts/components/global-sidebar.twig index 48c0305eea8..03207ac4daa 100644 --- a/src/templates/_layouts/components/global-sidebar.twig +++ b/src/templates/_layouts/components/global-sidebar.twig @@ -74,11 +74,12 @@ {{ _self.action(item) }} {% if item.subnav %} - {% set icon = item.sel ? 'angle-down' : 'angle-right' %} -
- {{ iconSvg(icon) }} -
-