Improve menu css

pull/5098/head
Chocobozzz 2022-06-30 09:03:40 +02:00
parent f87efecff9
commit 090d100cc3
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 19 additions and 18 deletions

View File

@ -144,18 +144,16 @@
<a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
<a i18n routerLink="/about/instance" fragment="statistics">Stats</a>
<a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a>
<a (click)="openHotkeysCheatSheet()" class="c-hand" i18n>Keyboard shortcuts</a>
<a role="button" (click)="openHotkeysCheatSheet()" class="c-hand" i18n>Keyboard shortcuts</a>
</div>
</div>
<div class="footer-copyleft">
<small class="d-inline" i18n-title title="powered by PeerTube - CopyLeft 2015-2022">
<a href="https://joinpeertube.org" class="me-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a>
<div class="footer-copyleft" i18n-title title="powered by PeerTube - CopyLeft 2015-2022">
<a href="https://joinpeertube.org" class="me-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a>
<a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer">
<span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2022
</a>
</small>
<a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer">
<span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2022
</a>
</div>
</div>
</div>

View File

@ -291,43 +291,46 @@ my-actor-avatar {
}
.footer {
width: $menu-width;
padding-bottom: 15px;
}
.footer-bottom {
display: flex;
flex-direction: column;
padding: 0 $menu-lateral-padding;
}
.footer-links {
&,
> div {
display: flex;
flex-wrap: wrap;
}
a,
span[role=button] {
a {
@include margin-right(8px);
@include disable-default-a-behaviour;
display: inline-block;
text-decoration: none;
color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity;
white-space: nowrap;
font-size: 0.75rem;
font-weight: 500;
line-height: 1.4rem;
font-weight: $font-semibold;
&:hover {
opacity: $footer-links-base-opacity + .2;
}
}
}
.footer-copyleft small a {
.footer-copyleft a {
@include disable-default-a-behaviour;
color: pvar(--menuForegroundColor);
opacity: $footer-links-base-opacity - .2;
font-size: 0.85rem;
&:hover {
opacity: $footer-links-base-opacity;
}
}
.dropdown {