create special class forst first pinned class occurrence

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-17 18:12:15 +02:00
parent 231e475a7b
commit 3ff60c3af8
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
2 changed files with 8 additions and 6 deletions

View File

@ -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']);?>

View File

@ -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,