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 $input-border-color;
29 border-top: 1px dashed $input-border-color;
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);
41 @include margin-left(15px);
60 justify-content: flex-end;
63 font-size: 0.9em !important;
70 padding: $base-padding;
73 word-wrap: break-word;
75 border: 1px solid $input-border-color;
78 border-bottom-left-radius: $input-border-radius;
79 border-bottom-right-radius: $input-border-radius;
83 z-index: #{z(header) - 1};
88 max-height: none !important;
89 max-width: none !important;
90 width: calc(100% - #{$menu-width});
91 height: calc(100vh - #{$header-height});
94 grid-template-rows: auto 1fr;
95 grid-template-columns: 1fr 1fr;
97 background-color: pvar(--mainBackgroundColor);
104 border-bottom: 2px solid pvar(--mainColor);
107 width: 100% !important;
110 @include margin-right(15px);
118 border-right: 1px dashed $input-border-color;
123 ::ng-deep .tab-content {
130 word-wrap: break-word;
132 scrollbar-color: pvar(--actionButtonColor) pvar(--mainBackgroundColor);
136 ::ng-deep .tab-content {
139 height: 100% !important;
140 max-height: none !important;
146 @media screen and (max-width: $mobile-view) {
147 grid-template-rows: auto 45% 1fr;
148 grid-template-columns: 1fr;
158 border-bottom: 1px dashed $input-border-color;;
161 ::ng-deep .tab-content {
169 :host-context(.main-col.expanded) {