Add header-aside module position to the right of the logo

- New position renders inside .header-brand-wrap, right-aligned via
  margin-inline-start: auto on .container-header-aside
- CSS: .header-brand-wrap uses flexbox so logo stays left, aside floats right
- Registered in templateDetails.xml positions list
- Language strings added to both en-US and en-GB sys.ini files

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-17 20:16:39 -05:00
parent 9a1269797a
commit f0de3bf342
5 changed files with 22 additions and 1 deletions

View File

@@ -379,7 +379,7 @@ $wa->useScript('user.js'); // js/user.js
<?php endif; ?> <?php endif; ?>
<?php if ($this->params->get('brand', 1)) : ?> <?php if ($this->params->get('brand', 1)) : ?>
<div class="grid-child"> <div class="grid-child header-brand-wrap">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="brand-logo" href="<?php echo $this->baseurl; ?>/"> <a class="brand-logo" href="<?php echo $this->baseurl; ?>/">
<?php echo $brandHtml; ?> <?php echo $brandHtml; ?>
@@ -390,6 +390,11 @@ $wa->useScript('user.js'); // js/user.js
</div> </div>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php if ($this->countModules('header-aside', true)) : ?>
<div class="container-header-aside">
<jdoc:include type="modules" name="header-aside" style="none" />
</div>
<?php endif; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>

View File

@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown" TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner" TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top" TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top"
TPL_MOKOCASSIOPEIA_POSITION_HEADER_ASIDE="Header Aside"
TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A" TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A"
TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B" TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B"
TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs" TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"

View File

@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown" TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner" TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top" TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top"
TPL_MOKOCASSIOPEIA_POSITION_HEADER_ASIDE="Header Aside"
TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A" TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A"
TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B" TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B"
TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs" TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"

View File

@@ -14378,6 +14378,19 @@ fieldset>* {
white-space: normal; white-space: normal;
} }
/* Header aside: module position to the right of the logo */
.header-brand-wrap {
display: flex;
align-items: center;
width: 100%;
}
.container-header-aside {
margin-inline-start: auto;
display: flex;
align-items: center;
}
.container-header .navbar-brand { .container-header .navbar-brand {
position: relative; position: relative;
display: inline-block; display: inline-block;

View File

@@ -67,6 +67,7 @@
<position>topbar</position> <position>topbar</position>
<position>below-topbar</position> <position>below-topbar</position>
<position>below-logo</position> <position>below-logo</position>
<position>header-aside</position>
<position>menu</position> <position>menu</position>
<position>search</position> <position>search</position>
<position>banner</position> <position>banner</position>