hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix paddings on badges in navigation

Browse source
This commit is contained in:
Henry Jameson 2024-12-31 01:04:51 +02:00
parent fd0b9099bc
commit f23470c9ab
2 changed files with 9 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/nav_panel/nav_panel.vue
View file

@ -153,12 +153,6 @@
margin-right: 0.8em; margin-right: 0.8em;
font-size: 1.1em; font-size: 1.1em;
} }
.timelines-chevron {
margin-left: 0.8em;
font-size: 1.1em;
}
.timelines-background { .timelines-background {
padding: 0 0 0 0.6em; padding: 0 0 0 0.6em;
} }

26
src/components/navigation/navigation_entry.vue
View file

@ -82,8 +82,12 @@
--__horizontal-gap: 0.5em; --__horizontal-gap: 0.5em;
--__vertical-gap: 0.4em; --__vertical-gap: 0.4em;
padding: 0; padding: var(--__vertical-gap) var(--__horizontal-gap);
display: flex; display: grid;
grid-template-columns: 1fr;
grid-auto-columns: var(--__line-height);
grid-auto-flow: column;
grid-gap: var(--__horizontal-gap);
align-items: baseline; align-items: baseline;
&[aria-expanded] { &[aria-expanded] {
@ -93,8 +97,6 @@
.main-link { .main-link {
line-height: var(--__line-height); line-height: var(--__line-height);
box-sizing: border-box; box-sizing: border-box;
flex: 1;
padding: var(--__vertical-gap) var(--__horizontal-gap);
} }
.menu-icon { .menu-icon {
@ -104,26 +106,16 @@
margin-right: var(--__horizontal-gap); margin-right: var(--__horizontal-gap);
} }
.timelines-chevron { .timelines-chevron,
line-height: var(--__line-height);
padding: 0;
width: var(--__line-height);
margin-right: 0;
}
.extra-button { .extra-button {
line-height: var(--__line-height); line-height: var(--__line-height);
width: 100%;
padding: 0; padding: 0;
width: var(--__line-height);
text-align: center; text-align: center;
&:last-child {
margin-right: calc(-1 * var(--__horizontal-gap));
}
} }
.badge { .badge {
margin: 0 var(--__horizontal-gap); justify-self: center;
} }
.iconEmoji { .iconEmoji {