aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-06-30 09:03:40 +0200
committerChocobozzz <me@florianbigard.com>2022-06-30 09:03:40 +0200
commit090d100cc370900a032f7379fd1287da91fa1992 (patch)
tree84167a41ac7efb06d2ca2e38edd77ddfa887a52a /client/src/app
parentf87efecff9d68ef5c72a36f3a95cf65222ba215c (diff)
downloadPeerTube-090d100cc370900a032f7379fd1287da91fa1992.tar.gz
PeerTube-090d100cc370900a032f7379fd1287da91fa1992.tar.zst
PeerTube-090d100cc370900a032f7379fd1287da91fa1992.zip
Improve menu css
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/menu/menu.component.html14
-rw-r--r--client/src/app/menu/menu.component.scss23
2 files changed, 19 insertions, 18 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 1a9ac9e8b..f9c721bd4 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -144,18 +144,16 @@
144 <a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a> 144 <a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
145 <a i18n routerLink="/about/instance" fragment="statistics">Stats</a> 145 <a i18n routerLink="/about/instance" fragment="statistics">Stats</a>
146 <a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a> 146 <a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a>
147 <a (click)="openHotkeysCheatSheet()" class="c-hand" i18n>Keyboard shortcuts</a> 147 <a role="button" (click)="openHotkeysCheatSheet()" class="c-hand" i18n>Keyboard shortcuts</a>
148 </div> 148 </div>
149 </div> 149 </div>
150 150
151 <div class="footer-copyleft"> 151 <div class="footer-copyleft" i18n-title title="powered by PeerTube - CopyLeft 2015-2022">
152 <small class="d-inline" i18n-title title="powered by PeerTube - CopyLeft 2015-2022"> 152 <a href="https://joinpeertube.org" class="me-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a>
153 <a href="https://joinpeertube.org" class="me-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a>
154 153
155 <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer"> 154 <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer">
156 <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2022 155 <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2022
157 </a> 156 </a>
158 </small>
159 </div> 157 </div>
160 </div> 158 </div>
161 </div> 159 </div>
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index a548c08cf..e3ec10a83 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -291,43 +291,46 @@ my-actor-avatar {
291} 291}
292 292
293.footer { 293.footer {
294 width: $menu-width;
295 padding-bottom: 15px; 294 padding-bottom: 15px;
296} 295}
297 296
298.footer-bottom { 297.footer-bottom {
299 display: flex;
300 flex-direction: column;
301 padding: 0 $menu-lateral-padding; 298 padding: 0 $menu-lateral-padding;
302} 299}
303 300
304.footer-links { 301.footer-links {
305 &,
306 > div { 302 > div {
307 display: flex; 303 display: flex;
308 flex-wrap: wrap; 304 flex-wrap: wrap;
309 } 305 }
310 306
311 a, 307 a {
312 span[role=button] {
313 @include margin-right(8px); 308 @include margin-right(8px);
309 @include disable-default-a-behaviour;
314 310
315 display: inline-block;
316 text-decoration: none;
317 color: pvar(--menuForegroundColor); 311 color: pvar(--menuForegroundColor);
318 opacity: $footer-links-base-opacity; 312 opacity: $footer-links-base-opacity;
319 white-space: nowrap; 313 white-space: nowrap;
320 font-size: 0.75rem; 314 font-size: 0.75rem;
321 font-weight: 500;
322 line-height: 1.4rem; 315 line-height: 1.4rem;
316 font-weight: $font-semibold;
317
318 &:hover {
319 opacity: $footer-links-base-opacity + .2;
320 }
323 } 321 }
324} 322}
325 323
326.footer-copyleft small a { 324.footer-copyleft a {
327 @include disable-default-a-behaviour; 325 @include disable-default-a-behaviour;
328 326
329 color: pvar(--menuForegroundColor); 327 color: pvar(--menuForegroundColor);
330 opacity: $footer-links-base-opacity - .2; 328 opacity: $footer-links-base-opacity - .2;
329 font-size: 0.85rem;
330
331 &:hover {
332 opacity: $footer-links-base-opacity;
333 }
331} 334}
332 335
333.dropdown { 336.dropdown {