create special class forst first pinned class occurrence
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
231e475a7b
commit
3ff60c3af8
|
@ -1,7 +1,10 @@
|
|||
<div id="app-navigation">
|
||||
<ul class="with-icon">
|
||||
<?php foreach ($_['navigationItems'] as $item) { ?>
|
||||
<li data-id="<?php p($item['id']) ?>" class="nav-<?php p($item['id']) ?> <?php p($item['classes']) ?>">
|
||||
<?php $pinned = 0 ?>
|
||||
<?php foreach ($_['navigationItems'] as $item) {
|
||||
strpos($item['classes'], 'pinned')!==false ? $pinned++ : '';
|
||||
?>
|
||||
<li data-id="<?php p($item['id']) ?>" class="nav-<?php p($item['id']) ?> <?php p($item['classes']) ?> <?php p($pinned===1?'first-pinned':'') ?>">
|
||||
<a href="<?php p(isset($item['href']) ? $item['href'] : '#') ?>"
|
||||
class="nav-icon-<?php p($item['icon'] !== '' ? $item['icon'] : $item['id']) ?> svg">
|
||||
<?php p($item['name']);?>
|
||||
|
|
|
@ -111,10 +111,9 @@ kbd {
|
|||
/* Pinned-to-bottom entries */
|
||||
&.pinned {
|
||||
order: 2;
|
||||
}
|
||||
/* hack, select first occurence of class */
|
||||
&[class*='pinned']:not(:last-of-type) {
|
||||
margin-top: auto !important;
|
||||
&.first-pinned {
|
||||
margin-top: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
> a,
|
||||
|
|
Loading…
Reference in New Issue