cerebrate-project
/
cerebrate
mirror of https://github.com/cerebrate-project/cerebrate
1
0
Fork 0
Code Issues Releases Wiki Activity

chg: [layout:notification-menu] Improved spacing and size

pull/121/head
Sami Mokaddem 2022-10-28 11:09:42 +02:00
parent 03bd4aba30
commit 866fbc2d51
No known key found for this signature in database
GPG Key ID: 164C473F627A06FA
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/element/layouts/header/header-notification-item.php
View File

@ -21,7 +21,7 @@ $variant = empty($notification['variant']) ? 'primary' : $notification['variant'
</span>
<?php endif; ?>
<span class="notification-text-container">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-between align-items-center gap-2">
<span class="notification-title text-truncate"><?= $this->ValueGetter->get($notification['text']) ?></span>
<?php if (!empty($notification['datetime'])) : ?>
<small id="<?= $seed ?>" class="notification-date text-muted fw-light"><?= h($notification['datetime']->format('Y-m-d\TH:i:s')) ?></small>

3
webroot/css/layout.css
View File

@ -546,9 +546,10 @@ ul.sidebar-elements > li.category > span.category-divider > hr {
}
.navbar .right-navbar .notification-menu a.notification-item .notification-text-container {
max-width: calc(100% - 40px - 0.25rem);
flex-grow: 1;
}
.navbar .right-navbar .notification-menu a.notification-item .notification-title {
max-width: calc(100% - 90px);
max-width: 300px;
}
.navbar .right-navbar .notification-menu a.notification-item .notification-date {
max-width: 90px;