Add bootstrap-icons to Template

master
Harald Wolff 2021-11-15 15:32:56 +01:00
parent b5c2cb0f67
commit 4ec0366a5f
8 changed files with 1577 additions and 9 deletions

File diff suppressed because it is too large Load Diff

View File

@ -5,7 +5,7 @@
background-color: rgba( var(--bs-background-content-rgb), var(--bs-background-content-opacity) );
}
.bg-content.solid, .blog-item.solid, , .item-page.solid {
.bg-content.solid, .blog-item.solid, .item-page.solid {
background-color: var(--bs-background-content);
}

Binary file not shown.

Binary file not shown.

View File

@ -21,9 +21,9 @@ if ($tagId = $params->get('tag_id', ''))
}
?><nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<div class="container-fluid float-end float-sm-none">
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbar<?php echo $module->id; ?>" aria-controls="navbar<?php echo $module->id; ?>" aria-expanded="false" aria-label="<?php echo Text::_('MOD_MENU_TOGGLE'); ?>">
<span class="icon-menu" aria-hidden="true"></span>
<span class="bi-list fs-2" aria-hidden="true"></span>
</button>
<div class="collapse navbar-collapse" id="navbar<?php echo $module->id; ?>">
<ul<?php echo $id; ?> class="navbar-nav me-auto <?php echo $class_sfx; ?>">

View File

@ -49,8 +49,9 @@ use Joomla\CMS\HTML\HTMLHelper;
require ModuleHelper::getLayoutPath('mod_menu', 'item-url');
break;
case 'separator':
break;
default:
require ModuleHelper::getLayoutPath('mod_menu', 'item-heading');
require ModuleHelper::getLayoutPath('mod_menu', 'item-url');
break;
endswitch;

View File

@ -36,7 +36,8 @@ $cntFooter3 = $this->countModules("footer-3");
$cntFooter4 = $this->countModules("footer-4");
$cntFooter = $this->countModules("footer");
//$this->addStyleSheet($tmplBase . '/css/bootstrap/bootstrap.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/bootstrap/bootstrap-icons.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/colors.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/fonts.css', array('version' => 'auto'));
@ -99,10 +100,10 @@ if (!$params->get('solidTopLogo')) {
<jdoc:include type="modules" name="above" style="html5" />
</section><?php endif; ?>
<header id="header" class="container-fluid sticky-top">
<header id="header" class="container-fluid sticky-top px-0">
<!--div class="" id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div-->
<div class="container bg-header">
<div class="container bg-header clearfix">
<?php if ($sitelogo): ?><img class="float-start" src="<?php echo $sitelogo;?>"><?php endif; ?>
<jdoc:include type="modules" name="top" style="html5" />
<!--div class="container" id="top"></div-->

View File

@ -6,7 +6,7 @@
padding-bottom: 3rem;
}
.nav-item {
.nav-item, .nav-line {
line-height: 3em;
}
@ -17,7 +17,17 @@
}
.dropdown-menu > .nav-item {
line-height: 1.25em;
line-height: 2em;
border-bottom: 1px solid var(--bs-secondary);
}
.dropdown-menu > .nav-item:last-of-type {
border-bottom: none;
}
.dropdown-form {
min-width: 40vw;
padding: 1em;
}
.columns-2 {
@ -25,3 +35,4 @@
grid-gap: 1em;
grid-template-columns: repeat(2, 1fr);
}