1 @use '_variables' as *;
6 $border-color: #EAEAEA;
7 $nav-link-height: 40px;
15 @include peertube-button-link;
16 @include orange-button;
29 @media screen and (max-height: 600px) {
45 ::ng-deep .video-add-nav {
46 border-bottom: $border-width $border-type $border-color;
47 margin: 20px 0 0 !important;
50 display: none !important;
54 @include disable-default-a-behaviour;
56 margin-bottom: -$border-width;
57 height: $nav-link-height !important;
58 padding: 0 30px !important;
61 border: $border-width $border-type transparent;
64 border-bottom: 2px solid transparent;
68 border-color: $border-color;
69 border-bottom-color: transparent;
70 background-color: pvar(--submenuBackgroundColor) !important;
73 border-bottom-color: pvar(--mainColor);
77 &:hover:not(.active) {
78 border-color: transparent;
83 ::ng-deep .upload-video-container {
84 border: $border-width $border-type $border-color;
85 border-top: transparent;
87 background-color: pvar(--submenuBackgroundColor);
88 border-bottom-left-radius: 3px;
89 border-bottom-right-radius: 3px;
94 justify-content: center;
98 border: 3px dashed pvar(--mainColor);
103 ::ng-deep .video-add-nav {
104 height: #{$nav-link-height + $border-width * 2};
109 /* Hide active tab style to not have a moving tab effect */
111 border-color: transparent;
112 background-color: pvar(--mainBackgroundColor) !important;
117 /* Make .video-add-nav tabs scrollable on small devices */
118 @media screen and (max-width: $small-view) {
119 @include nav-scroll();
122 @media screen and (max-width: #{$small-view + $menu-width}) {
123 :host-context(.main-col:not(.expanded)) {
124 @include nav-scroll();