Merge pull request #16309 from craftcms/bugfix/cms-16298-stacking-issues

Stacking issues

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Release Notes for Craft CMS 5
 
+## Unreleased
+
+- Fixed a styling issue in Safari. ([#16298](https://github.com/craftcms/cms/issues/16298))
+
 ## 5.5.6 - 2024-12-10
 
 - Fixed a bug where some blank user group and entry type values weren’t getting omitted from project config data. ([#16272](https://github.com/craftcms/cms/pull/16272), [#16273](https://github.com/craftcms/cms/pull/16273))

src/templates/_layouts/cp.twig

@@ -362,8 +362,8 @@ history.replaceState(undefined, undefined, window.location.href.match(/^[^#]*/)[
                 {% endif %}
                 <div id="app-info">
                     {% set fullEditionName = '{edition} edition'|t('app', {edition: editionName}) %}
-                    <span>
-                        <span lang="en">
+                    <span class="flex items-center">
+                        <span lang="en" class="flex items-center">
                             Craft CMS
                             <span id="edition-logo" title="{{ fullEditionName }}">
                                 <span aria-hidden="true">{{ editionName }}</span>

src/web/assets/cp/src/css/_cp.scss

@@ -275,20 +275,17 @@ a#system-info {
 }
 
 #edition-logo {
-  position: relative;
-  inset-block-start: -1px;
   user-select: none;
   border: 1px solid var(--gray-600);
   border-radius: 3px;
   display: inline-flex;
   box-sizing: content-box;
   font-size: 11px;
   padding-block: 6px;
-  padding-inline: 7px;
+  padding-inline: 7px 5px;
   line-height: 8px;
   font-weight: 600;
   letter-spacing: 1.7px;
-  padding-inline-end: 5px;
   text-transform: uppercase;
 }
 

src/web/assets/cp/src/css/_main.scss

@@ -872,8 +872,6 @@ li.sel > a {
   font-size: 11px;
   margin-block-start: -1px;
   padding-inline-start: 4px;
-  color: var(--link-color);
-  opacity: 0.9;
 
   body.ltr & {
     content: 'circlerarr';