@import '_variables';
@import '_mixins';
-.upload-video-container {
- border-radius: 3px;
- background-color: #F7F7F7;
- border: 3px solid #EAEAEA;
- width: 100%;
- height: 440px;
- margin-top: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
+$border-width: 3px;
+$border-type: solid;
+$border-color: #EAEAEA;
- .peertube-select-container {
- @include peertube-select-container(190px);
- }
-
- .upload-video {
- display: flex;
- flex-direction: column;
- align-items: center;
-
- .form-group-channel {
- margin-bottom: 20px;
- }
-
- .icon.icon-upload {
- @include icon(90px);
- margin-bottom: 25px;
- cursor: default;
-
- background-image: url('../../../assets/images/video/upload.svg');
- }
-
- .button-file {
- @include peertube-button-file(190px);
+$background-color: #F7F7F7;
- margin-bottom: 45px;
- }
+/deep/ tabset.root-tabset.video-add-tabset {
+ &.hide-nav .nav {
+ display: none !important;
}
-}
-
-.upload-progress-cancel {
- display: flex;
- margin-top: 25px;
- margin-bottom: 40px;
- p-progressBar {
- flex-grow: 1;
+ & > .nav {
- /deep/ .ui-progressbar {
- font-size: 15px !important;
- color: #fff !important;
- height: 30px !important;
- line-height: 30px !important;
- border-radius: 3px !important;
- background-color: rgba(11, 204, 41, 0.16) !important;
+ border-bottom: $border-width $border-type $border-color;
+ margin: 0 !important;
- .ui-progressbar-value {
- background-color: #0BCC29 !important;
- }
-
- .ui-progressbar-label {
- text-align: left;
- padding-left: 18px;
- margin-top: 0 !important;
- }
+ & > li {
+ margin-bottom: -$border-width;
}
- &.processing {
- /deep/ .ui-progressbar-label {
- // Same color as background to hide "100%"
- color: rgba(11, 204, 41, 0.16) !important;
+ .nav-link {
+ height: 40px !important;
+ padding: 0 30px !important;
+ font-size: 15px;
- &::before {
- content: 'Processing...';
- color: #fff;
+ &.active {
+ border: $border-width $border-type $border-color;
+ border-bottom: none;
+ background-color: $background-color !important;
+
+ span {
+ border-bottom: 2px solid #F1680D;
+ font-weight: $font-bold;
}
}
}
}
- input {
- @include peertube-button;
- @include grey-button;
+ .upload-video-container {
+ border: $border-width $border-type $border-color;
+ border-top: none;
- margin-left: 10px;
+ background-color: $background-color;
+ border-radius: 3px;
+ width: 100%;
+ height: 440px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
-}
-
+}
\ No newline at end of file