diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss index 415110cee2f..ede9f81303e 100644 --- a/wcfsetup/install/files/acp/style/layout.scss +++ b/wcfsetup/install/files/acp/style/layout.scss @@ -508,7 +508,7 @@ html[data-color-scheme="dark"] { flex: 1 1 auto; @include screen-lg { - padding: 40px 0; + padding: 30px 0; } @include screen-md-down { @@ -1066,3 +1066,35 @@ html[data-color-scheme="dark"] { @include wcfFontSmall; } + +.acpBreadcrumbs { + margin-bottom: 5px; +} + +.acpBreadcrumbs__list { + display: flex; + align-items: center; + gap: 5px; + color: var(--wcfContentDimmedText); + + @include wcfFontSmall; +} + +.acpBreadcrumbs__item { + display: flex; + align-items: center; + gap: 5px; +} + +.acpBreadcrumbs__item__separator { + display: flex; +} + +.acpBreadcrumbs__item__link { + color: inherit; + + &:hover { + color: inherit; + text-decoration: underline; + } +} diff --git a/wcfsetup/install/files/acp/templates/breadcrumbs.tpl b/wcfsetup/install/files/acp/templates/breadcrumbs.tpl new file mode 100644 index 00000000000..ccab66308ea --- /dev/null +++ b/wcfsetup/install/files/acp/templates/breadcrumbs.tpl @@ -0,0 +1,27 @@ +{if PACKAGE_ID && $__wcf->user->userID && $__isLogin|empty} + {hascontent} + + {/hascontent} +{/if} diff --git a/wcfsetup/install/files/acp/templates/header.tpl b/wcfsetup/install/files/acp/templates/header.tpl index fc96b0af478..250ba7c5eb5 100644 --- a/wcfsetup/install/files/acp/templates/header.tpl +++ b/wcfsetup/install/files/acp/templates/header.tpl @@ -188,8 +188,8 @@