fix(css): don't let elgg-badge influence text alignment

fixes #11769
Elgg · May 18, 2018 · b22cfc8 · b22cfc8
1 parent 6c7689c
commit b22cfc8
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/mod/developers/views/default/theme_sandbox/navigation/page.php b/mod/developers/views/default/theme_sandbox/navigation/page.php
@@ -2,10 +2,11 @@
 
 $items = [];
 
-foreach (['cogs', 'support', 'question', 'info'] as $icon) {
+foreach (['cogs', 'support', 'question', 'info'] as $index => $icon) {
 	$items[] = [
 		'name' => $icon,
 		'icon' => $icon,
+		'badge' => $index ?: null,
 		'text' => "Menu item",
 		'href' => '#',
 		'link_class' => $icon == 'info' ? 'elgg-state elgg-state-notice' : '',

diff --git a/views/default/elements/components/anchors.css b/views/default/elements/components/anchors.css
@@ -27,7 +27,8 @@
 	display: inline-block;
 	color: $(text-color-strong);
 	background-color: $(background-color-soft);
-	padding: 3px 5px;
+	padding: .15rem .25rem;
+	margin-top: -.15rem;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;

diff --git a/views/default/elements/components/menus.css b/views/default/elements/components/menus.css
@@ -212,6 +212,7 @@
 
 	.elgg-badge {
 		float: right;
+		margin-top: 0;
 	}
 
 	.elgg-anchor-icon {