aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/app.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/app.component.scss')
-rw-r--r--client/src/app/app.component.scss88
1 files changed, 59 insertions, 29 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 627187bd0..ca0030922 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -1,49 +1,79 @@
1.main-row {
2 min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
3}
4
1.title-menu-left { 5.title-menu-left {
6 position: fixed;
2 height: calc(100vh - #{$header-height}); 7 height: calc(100vh - #{$header-height});
3 padding-right: 0; 8 padding: 0;
4 9
5 .title-menu-left-block { 10 .title-menu-left-block.menu {
6 margin-left: -15px; 11 height: 100%;
12 }
13}
7 14
8 &.menu { 15.header {
9 height: 100%; 16 height: $header-height;
10 } 17
18 .fake-title-block {
19 display: inline-block;
11 } 20 }
12 21
13 #peertube-title { 22 .top-left-block {
14 background-color: #fff; 23 background-color: #fff;
15 border-right: 1px solid $header-border-color; 24 border-right: 1px solid $header-border-color;
16 font-size: 25px;
17 line-height: $header-height; 25 line-height: $header-height;
18 text-align: center;
19 margin-top: 0; 26 margin-top: 0;
20 margin-bottom: 0; 27 margin-bottom: 0;
21
22 display: flex; 28 display: flex;
23 flex-direction: column; 29 position: fixed;
24 justify-content: center; 30
25 text-align: center; 31 &.border-bottom {
26 32 border-bottom: 1px solid $header-border-color;
27 a { 33 }
28 color: inherit !important; 34
29 display: block; 35 .hamburger-block {
30 background: url(/client/assets/logo.png) no-repeat; 36 margin-right: 20px;
31 background-size: contain; 37 margin-left: 15px;
32 width: 180px; 38
33 height: 22px; 39 .glyphicon {
34 margin: auto; 40 position: relative;
35 41 top: 4px;
36 &:hover { 42 }
43 }
44
45 #peertube-title {
46
47 a {
37 color: inherit !important; 48 color: inherit !important;
38 text-decoration: none !important; 49 display: block;
50 background: url(/client/assets/logo.png) no-repeat;
51 background-size: contain;
52 background-position: center;
53 width: 180px;
54 height: 100%;
55 margin: auto;
56
57 &:hover {
58 color: inherit !important;
59 text-decoration: none !important;
60 }
39 } 61 }
40 } 62 }
41 } 63 }
42}
43 64
44my-search { 65 my-search {
45 // Fix col-md-* padding 66 position: fixed;
46 padding: 0; 67 z-index: 1000;
68 // Fix col-md-* padding
69 padding: 0;
70 }
71
72 .search-col {
73 height: 100%;
74 margin-left: -15px;
75 padding: 0;
76 }
47} 77}
48 78
49footer { 79footer {