X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2F%2Bvideo-edit%2Fvideo-add.component.scss;h=dd97b79eed685d06b65583ad436733ca97746b83;hb=fe05c3acbd48c72ac7e503bebde91830121a0bf1;hp=25dfd40d2a32b58f1cf49cc783d26f0463ad5f07;hpb=27e1a06c331278e5d37bc5172ee7e4fc968e4b5e;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/videos/+video-edit/video-add.component.scss b/client/src/app/videos/+video-edit/video-add.component.scss index 25dfd40d2..dd97b79ee 100644 --- a/client/src/app/videos/+video-edit/video-add.component.scss +++ b/client/src/app/videos/+video-edit/video-add.component.scss @@ -1,60 +1,55 @@ -.upload-video-container { - border-radius: 3px; - background-color: #F7F7F7; - border: 3px solid #EAEAEA; - width: 100%; - height: 440px; - text-align: center; - margin-top: 40px; - display: flex; - justify-content: center; - align-items: center; - - .upload-video { - display: flex; - flex-direction: column; - align-items: center; +@import '_variables'; +@import '_mixins'; - .icon.icon-upload { - @include icon(90px); - margin-bottom: 25px; +$border-width: 3px; +$border-type: solid; +$border-color: #EAEAEA; - background-image: url('../../../assets/images/video/upload.svg'); - } +/deep/ .root-tabset.video-add-tabset { + &.hide-nav > .nav { + display: none !important; + } - .button-file { - position: relative; - overflow: hidden; - display: inline-block; - margin-bottom: 70px; - - @include peertube-button; - @include orange-button; - - input[type=file] { - position: absolute; - top: 0; - right: 0; - min-width: 100%; - min-height: 100%; - font-size: 100px; - text-align: right; - filter: alpha(opacity=0); - opacity: 0; - outline: none; - background: white; - cursor: inherit; - display: block; - } + & > .nav { + + border-bottom: $border-width $border-type $border-color; + margin: 0 !important; + + & > li { + margin-bottom: -$border-width; } - select { - @include peertube-select(auto); + a.nav-link { + @include disable-default-a-behaviour; - display: inline-block; - font-size: 15px + height: 40px !important; + padding: 0 30px !important; + font-size: 15px; + + &.active { + border: $border-width $border-type $border-color; + border-bottom: none; + background-color: var(--submenuColor) !important; + + span { + border-bottom: 2px solid var(--mainColor); + font-weight: $font-bold; + } + } } } -} + .upload-video-container { + border: $border-width $border-type $border-color; + border-top: none; + background-color: var(--submenuColor); + border-radius: 3px; + width: 100%; + min-height: 440px; + padding-bottom: 20px; + display: flex; + justify-content: center; + align-items: center; + } +} \ No newline at end of file