aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-11 09:39:40 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-11 09:39:40 +0100
commit9b7d1c723d7c11572d91d606954997e413f56a1f (patch)
treed6d9e34910b31e155c8c7a58bfe2fa0fe3677fc6 /client/src/app/menu/menu.component.scss
parenta86309b4af9ad8391822f628d74fc5c7d1a01974 (diff)
downloadPeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.tar.gz
PeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.tar.zst
PeerTube-9b7d1c723d7c11572d91d606954997e413f56a1f.zip
Responsive my account
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss62
1 files changed, 57 insertions, 5 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 63d63d287..97ceadde3 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -9,10 +9,6 @@ menu {
9 z-index: 1000; 9 z-index: 1000;
10 color: $menu-color; 10 color: $menu-color;
11 11
12 @media screen and (max-width: 550px) {
13 font-size: 90%;
14 }
15
16 .logged-in-block { 12 .logged-in-block {
17 height: 100px; 13 height: 100px;
18 background-color: rgba(255, 255, 255, 0.15); 14 background-color: rgba(255, 255, 255, 0.15);
@@ -68,7 +64,7 @@ menu {
68 font-size: 15px; 64 font-size: 15px;
69 height: $button-height; 65 height: $button-height;
70 line-height: $button-height; 66 line-height: $button-height;
71 width: 190px; 67 width: 100%;
72 border-radius: 3px; 68 border-radius: 3px;
73 text-align: center; 69 text-align: center;
74 color: $menu-color; 70 color: $menu-color;
@@ -139,3 +135,59 @@ menu {
139 } 135 }
140 } 136 }
141} 137}
138
139@media screen and (max-width: 800px) {
140 menu {
141 .logged-in-block {
142 padding-left: 10px;
143
144 img {
145 display: none;
146 }
147
148 .logged-in-info {
149 .logged-in-username {
150 font-size: 14px;
151 }
152
153 .logged-in-email {
154 font-size: 11px;
155 max-width: 120px;
156 }
157 }
158
159 .logged-in-more {
160 margin-right: 5px;
161
162 .login-button, .create-account-button {
163 font-weight: $font-semibold;
164 font-size: 15px;
165 height: $button-height;
166 line-height: $button-height;
167 width: 190px;
168 }
169 }
170 }
171
172 .button-block {
173 margin: 20px 10px 25px 10px;
174
175 .login-button, .create-account-button {
176 font-size: 13px;
177 }
178 }
179
180 .panel-block {
181 margin-bottom: 30px;
182 margin-left: 10px;
183
184 a {
185 font-size: 14px;
186
187 .icon {
188 margin-right: 10px;
189 }
190 }
191 }
192 }
193}