6 $border-color: #EAEAEA;
7 $nav-link-height: 40px;
17 ::ng-deep .video-add-nav {
18 border-bottom: $border-width $border-type $border-color;
19 margin: 50px 0 0 0 !important;
22 display: none !important;
26 @include disable-default-a-behaviour;
28 margin-bottom: -$border-width;
29 height: $nav-link-height !important;
30 padding: 0 30px !important;
34 border: $border-width $border-type $border-color;
36 background-color: pvar(--submenuColor) !important;
39 border-bottom: 2px solid pvar(--mainColor);
40 font-weight: $font-bold;
46 ::ng-deep .upload-video-container {
47 border: $border-width $border-type $border-color;
48 border-top: transparent;
50 background-color: pvar(--submenuColor);
51 border-bottom-left-radius: 3px;
52 border-bottom-right-radius: 3px;
57 justify-content: center;
61 border: 3px dashed pvar(--mainColor);
66 ::ng-deep .video-add-nav {
67 height: #{$nav-link-height + $border-width * 2};
72 /* Hide active tab style to not have a moving tab effect */
75 background-color: pvar(--mainBackgroundColor) !important;
80 /* Make .video-add-nav tabs scrollable on small devices */
81 @media screen and (max-width: $small-view) {
82 @include nav-scroll();
85 @media screen and (max-width: #{$small-view + $menu-width}) {
86 :host-context(.main-col:not(.expanded)) {
87 @include nav-scroll();