aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-12-29 12:14:06 +0100
committerChocobozzz <me@florianbigard.com>2021-12-29 12:17:11 +0100
commit2accfdd8ecd092de7e8c71fbd1235e139ad29832 (patch)
tree24b5bb7da7192fa11054a48ac0e4384b8ec8fb72 /client/src/sass
parent9744bb2ae8284c4589b66055c1d99997abf18748 (diff)
downloadPeerTube-2accfdd8ecd092de7e8c71fbd1235e139ad29832.tar.gz
PeerTube-2accfdd8ecd092de7e8c71fbd1235e139ad29832.tar.zst
PeerTube-2accfdd8ecd092de7e8c71fbd1235e139ad29832.zip
Refactor admin plugins
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss35
-rw-r--r--client/src/sass/bootstrap.scss28
2 files changed, 28 insertions, 35 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 87a21543d..9f64f7426 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -261,28 +261,6 @@ my-input-toggle-hidden ::ng-deep input {
261 display: flex; 261 display: flex;
262 align-items: center; 262 align-items: center;
263 margin-bottom: 30px; 263 margin-bottom: 30px;
264
265 .admin-sub-nav a {
266 @include disable-default-a-behaviour;
267
268 font-size: 16px;
269 color: pvar(--mainForegroundColor);
270 padding: 5px 15px;
271 border-radius: 0.25rem;
272 font-weight: $font-semibold;
273 opacity: 0.6;
274
275 &.active {
276 background-color: pvar(--submenuBackgroundColor);
277 }
278
279 &.active,
280 &:hover,
281 &:active,
282 &:focus {
283 opacity: 1;
284 }
285 }
286} 264}
287 265
288// In tables, don't have a hover different background 266// In tables, don't have a hover different background
@@ -402,19 +380,6 @@ ngx-loading-bar {
402 380
403 .admin-sub-header { 381 .admin-sub-header {
404 flex-direction: column; 382 flex-direction: column;
405
406 .admin-sub-nav {
407 display: block;
408 overflow-x: auto;
409 white-space: nowrap;
410 height: 50px;
411 padding: 10px 0;
412 width: 100%;
413
414 a {
415 @include margin-left(5px);
416 }
417 }
418 } 383 }
419 384
420 my-markdown-textarea { 385 my-markdown-textarea {
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 4e88d9706..b6aeb8ca2 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -334,6 +334,34 @@ ngb-tooltip-window {
334 } 334 }
335} 335}
336 336
337.btn-group {
338 font-weight: $font-semibold;
339
340 .active {
341 @include orange-button;
342 }
343
344 :not(.active) {
345 @include grey-button;
346 }
347
348 > * {
349 @include peertube-button-link;
350
351 box-shadow: none !important;
352
353 &:not(:first-child) {
354 border-top-left-radius: 0 !important;
355 border-bottom-left-radius: 0 !important;
356 }
357
358 &:not(:last-child) {
359 border-top-right-radius: 0 !important;
360 border-bottom-right-radius: 0 !important;
361 }
362 }
363}
364
337// input box-shadow on focus 365// input box-shadow on focus
338.form-control { 366.form-control {
339 font-size: 15px; 367 font-size: 15px;