aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-02-16 16:35:32 +0100
committerChocobozzz <me@florianbigard.com>2018-02-16 16:35:32 +0100
commit6de36768980ef6063b8fcd730b59fa685dd2b99c (patch)
treea8e5a87b14013b33bf2d306552a380c407a1551d /client/src/sass/application.scss
parentb6a4fd6b099b3363ac59c06cfd81b54e1356d8bc (diff)
downloadPeerTube-6de36768980ef6063b8fcd730b59fa685dd2b99c.tar.gz
PeerTube-6de36768980ef6063b8fcd730b59fa685dd2b99c.tar.zst
PeerTube-6de36768980ef6063b8fcd730b59fa685dd2b99c.zip
Add ability to update thumbnail and preview on client
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss55
1 files changed, 33 insertions, 22 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 340221002..80dd3408f 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -299,34 +299,45 @@ p-datatable {
299 } 299 }
300} 300}
301 301
302.nav { 302tabset:not(.bootstrap) {
303 font-size: 16px !important; 303 .nav {
304 border: none !important; 304 font-size: 16px !important;
305
306 .nav-item .nav-link {
307 margin-right: 30px;
308 padding: 0;
309 border-radius: 3px;
310 border: none !important; 305 border: none !important;
311 306
312 .tab-link { 307 .nav-item .nav-link {
313 display: flex !important; 308 margin-right: 30px;
314 align-items: center; 309 padding: 0;
315 min-height: 30px !important; 310 border-radius: 3px;
316 padding: 0 15px; 311 border: none !important;
317 }
318 312
319 &, & a { 313 .tab-link {
320 color: #000 !important; 314 display: flex !important;
321 @include disable-default-a-behaviour; 315 align-items: center;
322 } 316 min-height: 30px !important;
317 padding: 0 15px;
318 }
323 319
324 &.active, &:hover { 320 &, & a {
325 background-color: #F0F0F0; 321 color: #000 !important;
322 @include disable-default-a-behaviour;
323 }
324
325 &.active, &:hover {
326 background-color: #F0F0F0;
327 }
328
329 &.active {
330 font-weight: $font-semibold !important;
331 }
326 } 332 }
333 }
334}
327 335
328 &.active { 336tabset.bootstrap {
329 font-weight: $font-semibold !important; 337 .nav-item .nav-link {
338 &, & a {
339 color: #000;
340 @include disable-default-a-behaviour;
330 } 341 }
331 } 342 }
332} 343}