aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-04-03 00:19:57 +0200
committerRigel Kent <sendmemail@rigelk.eu>2020-04-03 00:20:02 +0200
commitb515c98c6b674ee5632f3f76ad4fe00e147d995e (patch)
tree1b4b683eda609d6f9805c0e468f91d61bc22a5e6
parent22a59f33deb4b22a03abfbd6610de35b326e4584 (diff)
downloadPeerTube-b515c98c6b674ee5632f3f76ad4fe00e147d995e.tar.gz
PeerTube-b515c98c6b674ee5632f3f76ad4fe00e147d995e.tar.zst
PeerTube-b515c98c6b674ee5632f3f76ad4fe00e147d995e.zip
Refactor torrent-or-magnet divider in video import
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss6
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss1
-rw-r--r--client/src/sass/include/_mixins.scss23
3 files changed, 28 insertions, 2 deletions
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss b/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss
index 6d59ed834..3b46475b4 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss
+++ b/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss
@@ -3,7 +3,11 @@
3 3
4.first-step-block { 4.first-step-block {
5 .torrent-or-magnet { 5 .torrent-or-magnet {
6 margin: 10px 0; 6 @include divider($color: var(--inputPlaceholderColor), $background: var(--submenuColor));
7
8 &[data-content] {
9 margin: 1.5rem 0;
10 }
7 } 11 }
8 12
9 .form-group-magnet-uri { 13 .form-group-magnet-uri {
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
index 95baa3d0a..a4f87b0b8 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
+++ b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
@@ -2,7 +2,6 @@
2@import 'mixins'; 2@import 'mixins';
3 3
4.first-step-block { 4.first-step-block {
5
6 .form-group-channel { 5 .form-group-channel {
7 margin-bottom: 20px; 6 margin-bottom: 20px;
8 margin-top: 35px; 7 margin-top: 35px;
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 76e3f3f97..d414704e9 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -774,3 +774,26 @@
774 } 774 }
775 } 775 }
776} 776}
777
778@mixin divider($color: var(--submenuColor), $background: var(--mainBackgroundColor)) {
779 width: 95%;
780 border-top: .05rem solid $color;
781 height: .05rem;
782 text-align: center;
783 display: block;
784 position: relative;
785
786 &[data-content] {
787 margin: .8rem 0;
788
789 &::after {
790 background: $background;
791 color: $color;
792 content: attr(data-content);
793 display: inline-block;
794 font-size: .7rem;
795 padding: 0 .4rem;
796 transform: translateY(-.65rem);
797 }
798 }
799}