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:
@@ -379,7 +379,7 @@ $wa->useScript('user.js'); // js/user.js
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($this->params->get('brand', 1)) : ?>
|
||||
<div class="grid-child">
|
||||
<div class="grid-child header-brand-wrap">
|
||||
<div class="navbar-brand">
|
||||
<a class="brand-logo" href="<?php echo $this->baseurl; ?>/">
|
||||
<?php echo $brandHtml; ?>
|
||||
@@ -390,6 +390,11 @@ $wa->useScript('user.js'); // js/user.js
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</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>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
|
||||
TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
|
||||
TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
|
||||
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_B="Bottom-B"
|
||||
TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
|
||||
|
||||
@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
|
||||
TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
|
||||
TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
|
||||
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_B="Bottom-B"
|
||||
TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
|
||||
|
||||
@@ -14378,6 +14378,19 @@ fieldset>* {
|
||||
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 {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
@@ -67,6 +67,7 @@
|
||||
<position>topbar</position>
|
||||
<position>below-topbar</position>
|
||||
<position>below-logo</position>
|
||||
<position>header-aside</position>
|
||||
<position>menu</position>
|
||||
<position>search</position>
|
||||
<position>banner</position>
|
||||
|
||||
Reference in New Issue
Block a user