1 @use '_variables' as *;
7 $border-color: #EAEAEA;
8 $nav-link-height: 40px;
23 @include peertube-button-link;
24 @include orange-button;
42 @media screen and (max-height: 600px) {
54 ::ng-deep .video-add-nav {
55 @include peertube-nav-tabs($border-width, $border-type, $border-color, $nav-link-height);
59 background-color: pvar(--submenuBackgroundColor) !important;
64 ::ng-deep .upload-video-container {
65 border: $border-width $border-type $border-color;
66 border-top: transparent;
68 background-color: pvar(--submenuBackgroundColor);
69 border-bottom-left-radius: 3px;
70 border-bottom-right-radius: 3px;
75 justify-content: center;
79 border: 3px dashed pvar(--mainColor);
84 ::ng-deep .video-add-nav {
85 height: #{$nav-link-height + $border-width * 2};
90 /* Hide active tab style to not have a moving tab effect */
92 border-color: transparent;
93 background-color: pvar(--mainBackgroundColor) !important;
98 /* Make .video-add-nav tabs scrollable on small devices */
99 @media screen and (max-width: $small-view) {
100 @include nav-scroll();
103 @media screen and (max-width: #{$small-view + $menu-width}) {
104 :host-context(.main-col:not(.expanded)) {
105 @include nav-scroll();