OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/app/menu/menu.component.html
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 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 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 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> </div>
<div class="footer-copyleft"> <div class="footer-copyleft" i18n-title title="powered by PeerTube - CopyLeft 2015-2022">
<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>
<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"> <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 <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2022
</a> </a>
</small>
</div> </div>
</div> </div>
</div> </div>

23
client/src/app/menu/menu.component.scss
View File

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