aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-08-21 16:18:59 +0200
committerChocobozzz <me@florianbigard.com>2018-08-27 09:41:54 +0200
commit22a16e36f6526887ed8f5e5d3c9f9e5da0b4a8cd (patch)
tree93c53e0619f966bd9ff1bb698c411277a9447a41 /client/src/sass/include
parent99492dbc0d87ef54d0dab7d8d44f8d0de5722bdd (diff)
downloadPeerTube-22a16e36f6526887ed8f5e5d3c9f9e5da0b4a8cd.tar.gz
PeerTube-22a16e36f6526887ed8f5e5d3c9f9e5da0b4a8cd.tar.zst
PeerTube-22a16e36f6526887ed8f5e5d3c9f9e5da0b4a8cd.zip
Add local user subscriptions
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss57
-rw-r--r--client/src/sass/include/_variables.scss2
2 files changed, 40 insertions, 19 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index b0b0f544c..aafe478f9 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -335,6 +335,27 @@
335 font-size: 13px; 335 font-size: 13px;
336} 336}
337 337
338@mixin actor-owner {
339 @include disable-default-a-behaviour;
340
341 display: block;
342 font-size: 13px;
343 margin-top: 4px;
344 color: #000;
345
346 span:hover {
347 opacity: 0.8;
348 }
349
350 img {
351 @include avatar(18px);
352
353 margin-left: 7px;
354 position: relative;
355 top: -2px;
356 }
357}
358
338@mixin sub-menu-with-actor { 359@mixin sub-menu-with-actor {
339 height: 160px; 360 height: 160px;
340 display: flex; 361 display: flex;
@@ -371,7 +392,7 @@
371 position: relative; 392 position: relative;
372 top: 3px; 393 top: 3px;
373 font-size: 14px; 394 font-size: 14px;
374 color: #777272; 395 color: $grey-actor-name;
375 } 396 }
376 } 397 }
377 398
@@ -380,24 +401,7 @@
380 } 401 }
381 402
382 .actor-owner { 403 .actor-owner {
383 @include disable-default-a-behaviour; 404 @include actor-owner;
384
385 display: block;
386 font-size: 13px;
387 margin-top: 4px;
388 color: #000;
389
390 span:hover {
391 opacity: 0.8;
392 }
393
394 img {
395 @include avatar(18px);
396
397 margin-left: 7px;
398 position: relative;
399 top: -2px;
400 }
401 } 405 }
402 } 406 }
403 } 407 }
@@ -426,3 +430,18 @@
426 background-image: url($imageUrl); 430 background-image: url($imageUrl);
427 } 431 }
428} 432}
433
434@mixin row-blocks {
435 display: flex;
436 min-height: 130px;
437 padding-bottom: 20px;
438 margin-bottom: 20px;
439 border-bottom: 1px solid #C6C6C6;
440
441 @media screen and (max-width: 800px) {
442 flex-direction: column;
443 height: auto;
444 text-align: center;
445 align-items: center;
446 }
447} \ No newline at end of file
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index f1f755126..e6db98642 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -12,6 +12,8 @@ $black-background: #000;
12$grey-background: #f6f2f2; 12$grey-background: #f6f2f2;
13$red-error: #FF0000; 13$red-error: #FF0000;
14 14
15$grey-actor-name: #777272;
16
15$expanded-horizontal-margins: 150px; 17$expanded-horizontal-margins: 150px;
16$not-expanded-horizontal-margins: 30px; 18$not-expanded-horizontal-margins: 30px;
17 19