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;
33 border: $border-width $border-type transparent;
36 border-bottom: 2px solid transparent;
40 border-color: $border-color;
41 border-bottom-color: transparent;
42 background-color: pvar(--submenuColor) !important;
45 border-bottom-color: pvar(--mainColor);
49 &:hover:not(.active) {
50 border-color: transparent;
55 ::ng-deep .upload-video-container {
56 border: $border-width $border-type $border-color;
57 border-top: transparent;
59 background-color: pvar(--submenuColor);
60 border-bottom-left-radius: 3px;
61 border-bottom-right-radius: 3px;
66 justify-content: center;
70 border: 3px dashed pvar(--mainColor);
75 ::ng-deep .video-add-nav {
76 height: #{$nav-link-height + $border-width * 2};
81 /* Hide active tab style to not have a moving tab effect */
83 border-color: transparent;
84 background-color: pvar(--mainBackgroundColor) !important;
89 /* Make .video-add-nav tabs scrollable on small devices */
90 @media screen and (max-width: $small-view) {
91 @include nav-scroll();
94 @media screen and (max-width: #{$small-view + $menu-width}) {
95 :host-context(.main-col:not(.expanded)) {
96 @include nav-scroll();