diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-04-21 17:12:28 +0200 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-04-26 21:23:19 +0200 |
commit | ea9f487b40c7f1d7348d9f88703cb9d52c7e8603 (patch) | |
tree | 94cd67ea5b3cab7449fd66e5c9864c1c3649ad2b /client/src/sass/application.scss | |
parent | 6562f1f727d13179025a8bb31715d2bf71dba86e (diff) | |
download | PeerTube-ea9f487b40c7f1d7348d9f88703cb9d52c7e8603.tar.gz PeerTube-ea9f487b40c7f1d7348d9f88703cb9d52c7e8603.tar.zst PeerTube-ea9f487b40c7f1d7348d9f88703cb9d52c7e8603.zip |
Client: fixed header and menu
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r-- | client/src/sass/application.scss | 49 |
1 files changed, 9 insertions, 40 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index d65cd8c64..571372c2b 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -24,6 +24,11 @@ input.readonly { | |||
24 | .header { | 24 | .header { |
25 | height: $header-height; | 25 | height: $header-height; |
26 | 26 | ||
27 | my-search { | ||
28 | position: fixed; | ||
29 | z-index: 1000; | ||
30 | } | ||
31 | |||
27 | .search-col { | 32 | .search-col { |
28 | height: 100%; | 33 | height: 100%; |
29 | margin-left: -15px; | 34 | margin-left: -15px; |
@@ -31,6 +36,10 @@ input.readonly { | |||
31 | } | 36 | } |
32 | } | 37 | } |
33 | 38 | ||
39 | .title-menu-left { | ||
40 | position: fixed; | ||
41 | } | ||
42 | |||
34 | .main-col { | 43 | .main-col { |
35 | padding: 0; | 44 | padding: 0; |
36 | 45 | ||
@@ -51,38 +60,6 @@ input.readonly { | |||
51 | } | 60 | } |
52 | } | 61 | } |
53 | 62 | ||
54 | .title-menu-left { | ||
55 | height: calc(100vh - #{$header-height}); | ||
56 | padding-right: 0; | ||
57 | |||
58 | .title-menu-left-block { | ||
59 | margin-left: -15px; | ||
60 | |||
61 | &.menu { | ||
62 | height: 100%; | ||
63 | } | ||
64 | } | ||
65 | |||
66 | #peertube-title { | ||
67 | background-color: #fff; | ||
68 | border-right: 1px solid $header-border-color; | ||
69 | font-size: 25px; | ||
70 | line-height: $header-height; | ||
71 | text-align: center; | ||
72 | margin-top: 0; | ||
73 | margin-bottom: 0; | ||
74 | |||
75 | a { | ||
76 | color: inherit !important; | ||
77 | |||
78 | &:hover { | ||
79 | color: inherit !important; | ||
80 | text-decoration: none !important; | ||
81 | } | ||
82 | } | ||
83 | } | ||
84 | } | ||
85 | |||
86 | /* some fixes for ng2-smart-table */ | 63 | /* some fixes for ng2-smart-table */ |
87 | ng2-smart-table { | 64 | ng2-smart-table { |
88 | thead tr { | 65 | thead tr { |
@@ -103,11 +80,3 @@ ng2-smart-table { | |||
103 | font-family: 'Glyphicons Halflings' !important; | 80 | font-family: 'Glyphicons Halflings' !important; |
104 | } | 81 | } |
105 | } | 82 | } |
106 | |||
107 | footer { | ||
108 | border-top: 1px solid rgba(0, 0, 0, 0.2); | ||
109 | padding-top: 10px; | ||
110 | text-align: center; | ||
111 | font-size: small; | ||
112 | margin-top: 30px; | ||
113 | } | ||