1 @use '_variables' as *;
6 $border-color: #EAEAEA;
7 $nav-link-height: 40px;
22 @include peertube-button-link;
23 @include orange-button;
41 @media screen and (max-height: 600px) {
53 ::ng-deep .video-add-nav {
54 border-bottom: $border-width $border-type $border-color;
55 margin: 20px 0 0 !important;
58 display: none !important;
62 @include disable-default-a-behaviour;
64 margin-bottom: -$border-width;
65 height: $nav-link-height !important;
66 padding: 0 30px !important;
69 border: $border-width $border-type transparent;
72 border-bottom: 2px solid transparent;
76 border-color: $border-color;
77 border-bottom-color: transparent;
78 background-color: pvar(--submenuBackgroundColor) !important;
81 border-bottom-color: pvar(--mainColor);
85 &:hover:not(.active) {
86 border-color: transparent;
91 ::ng-deep .upload-video-container {
92 border: $border-width $border-type $border-color;
93 border-top: transparent;
95 background-color: pvar(--submenuBackgroundColor);
96 border-bottom-left-radius: 3px;
97 border-bottom-right-radius: 3px;
100 padding-bottom: 20px;
102 justify-content: center;
106 border: 3px dashed pvar(--mainColor);
111 ::ng-deep .video-add-nav {
112 height: #{$nav-link-height + $border-width * 2};
117 /* Hide active tab style to not have a moving tab effect */
119 border-color: transparent;
120 background-color: pvar(--mainBackgroundColor) !important;
125 /* Make .video-add-nav tabs scrollable on small devices */
126 @media screen and (max-width: $small-view) {
127 @include nav-scroll();
130 @media screen and (max-width: #{$small-view + $menu-width}) {
131 :host-context(.main-col:not(.expanded)) {
132 @include nav-scroll();