2 @use '_variables' as *;
5 $nav-preview-tab-height: 30px;
7 $input-border-radius: 3px;
11 flex-direction: column;
14 @include peertube-textarea(100%, 150px);
16 background-color: pvar(--markdownTextareaBackgroundColor);
18 font-family: monospace;
21 border-bottom-left-radius: 0;
22 border-bottom-right-radius: 0;
28 border: 1px solid pvar(--inputBorderColor);
29 border-top: 1px dashed pvar(--inputBorderColor);
31 border-bottom-right-radius: $input-border-radius;
32 border-bottom-left-radius: $input-border-radius;
36 border-bottom-left-radius: unset;
37 border-bottom-right-radius: unset;
38 border-bottom: 2px solid pvar(--mainColor);
55 justify-content: flex-end;
58 font-size: 0.9em !important;
65 padding: $base-padding;
68 word-wrap: break-word;
70 border: 1px solid pvar(--inputBorderColor);
73 border-bottom-left-radius: $input-border-radius;
74 border-bottom-right-radius: $input-border-radius;
78 z-index: #{z(root-header) - 1};
83 max-height: none !important;
84 max-width: none !important;
85 width: calc(100% - #{$menu-width});
86 height: calc(100vh - #{$header-height});
89 grid-template-rows: auto 1fr;
90 grid-template-columns: 1fr 1fr;
92 background-color: pvar(--mainBackgroundColor);
99 border-bottom: 2px solid pvar(--mainColor);
102 width: 100% !important;
109 border-right: 1px dashed pvar(--inputBorderColor);
114 ::ng-deep .tab-content {
121 word-wrap: break-word;
123 scrollbar-color: pvar(--actionButtonColor) pvar(--mainBackgroundColor);
127 ::ng-deep .tab-content {
130 height: 100% !important;
131 max-height: none !important;
137 @media screen and (max-width: $mobile-view) {
138 grid-template-rows: auto 45% 1fr;
139 grid-template-columns: 1fr;
149 border-bottom: 1px dashed pvar(--inputBorderColor);;
152 ::ng-deep .tab-content {
160 :host-context(.main-col.expanded) {