🎨

src/client/menu.ts

@@ -90,7 +90,26 @@ export const menuDef = {
 		title: 'antennas',
 		icon: 'fas fa-satellite',
 		show: computed(() => $i != null),
-		to: '/my/antennas',
+		active: computed(() => router.currentRoute.value.path.startsWith('/timeline/antenna/') || router.currentRoute.value.path === '/my/antennas' || router.currentRoute.value.path.startsWith('/my/antennas/')),
+		action: (ev) => {
+			const items = ref([{
+				type: 'pending'
+			}]);
+			os.api('antennas/list').then(antennas => {
+				const _items = [...antennas.map(antenna => ({
+					type: 'link',
+					text: antenna.name,
+					to: `/timeline/antenna/${antenna.id}`
+				})), null, {
+					type: 'link',
+					to: '/my/antennas',
+					text: i18n.locale.manageAntennas,
+					icon: 'fas fa-cog',
+				}];
+				items.value = _items;
+			});
+			os.popupMenu(items, ev.currentTarget || ev.target);
+		},
 	},
 	mentions: {
 		title: 'mentions',

src/client/ui/_common_/sidebar.vue

@@ -263,7 +263,7 @@ export default defineComponent({
 
 					> .item {
 						padding-left: 0;
-						padding: 10px 0;
+						padding: 18px 0;
 						width: 100%;
 						text-align: center;
 						font-size: $ui-font-size * 1.1;
@@ -280,14 +280,7 @@ export default defineComponent({
 						}
 
 						> .text {
-							display: inline-block;
-							font-size: 0.5em;
-							line-height: initial;
-							overflow: hidden;
-							text-overflow: ellipsis;
-							white-space: nowrap;
-							max-width: 100%;
-							opacity: 0.7;
+							display: none;
 						}
 
 						&:hover, &.active {