diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-04-21 16:40:45 +0200 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-04-26 21:23:19 +0200 |
commit | 09223546a4d882a9dbfdbd95d551e48af7bee123 (patch) | |
tree | 9ee8159046068725662b42955b599b4b7734e385 /client/src/sass | |
parent | 383bfc8356d444cbed1dab7e5c1b3bb16becfdfd (diff) | |
download | PeerTube-09223546a4d882a9dbfdbd95d551e48af7bee123.tar.gz PeerTube-09223546a4d882a9dbfdbd95d551e48af7bee123.tar.zst PeerTube-09223546a4d882a9dbfdbd95d551e48af7bee123.zip |
Client Better design for video watch
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/_variables.scss | 9 | ||||
-rw-r--r-- | client/src/sass/application.scss | 6 |
2 files changed, 13 insertions, 2 deletions
diff --git a/client/src/sass/_variables.scss b/client/src/sass/_variables.scss index be57db304..1b91434ba 100644 --- a/client/src/sass/_variables.scss +++ b/client/src/sass/_variables.scss | |||
@@ -1,8 +1,15 @@ | |||
1 | $grey-color: #555; | ||
2 | |||
1 | $black-background: #1d2125; | 3 | $black-background: #1d2125; |
2 | $grey-background: #f6f2f2; | 4 | $grey-background: #f6f2f2; |
3 | 5 | ||
4 | $header-height: 60px; | 6 | $header-height: 65px; |
5 | $header-border-color: #e9eff6; | 7 | $header-border-color: #e9eff6; |
6 | 8 | ||
7 | $video-miniature-title-color: #16a2b7; | 9 | $video-miniature-title-color: #16a2b7; |
8 | $video-miniature-other-infos: #686767; | 10 | $video-miniature-other-infos: #686767; |
11 | |||
12 | $video-watch-border-color: #eceef4; | ||
13 | $video-watch-title-height: 90px; | ||
14 | $video-watch-info-color: #8e909b; | ||
15 | $video-watch-info-height: 150px; | ||
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 25d79a0cb..d65cd8c64 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -13,6 +13,10 @@ input.readonly { | |||
13 | border-radius: 0; | 13 | border-radius: 0; |
14 | } | 14 | } |
15 | 15 | ||
16 | .dropdown-menu { | ||
17 | border-radius: 0; | ||
18 | } | ||
19 | |||
16 | .glyphicon-black { | 20 | .glyphicon-black { |
17 | color: black; | 21 | color: black; |
18 | } | 22 | } |
@@ -61,7 +65,7 @@ input.readonly { | |||
61 | 65 | ||
62 | #peertube-title { | 66 | #peertube-title { |
63 | background-color: #fff; | 67 | background-color: #fff; |
64 | border-right: 2px solid $header-border-color; | 68 | border-right: 1px solid $header-border-color; |
65 | font-size: 25px; | 69 | font-size: 25px; |
66 | line-height: $header-height; | 70 | line-height: $header-height; |
67 | text-align: center; | 71 | text-align: center; |