1 @use '_variables' as *;
4 $optional-rows-checkbox-width: 34px;
5 $timestamp-width: 50px;
6 $timestamp-margin-right: 10px;
14 .dropdown-item:active {
21 border-bottom: 1px solid $separator-border-color;
43 padding: 8px 10px 8px 24px;
47 @include padding-left(24px);
50 &.has-optional-row:hover {
51 background-color: inherit;
56 .optional-rows > div {
59 my-peertube-checkbox {
60 @include margin-right(10px);
66 align-items: flex-end;
69 font-weight: $font-regular;
80 @include apply-svg-color(#333);
81 @include margin-right(0);
89 @include margin-right($timestamp-margin-right);
91 ::ng-deep .ui-inputtext {
93 width: $timestamp-width;
100 padding: 8px 5px 5px 10px;
103 my-peertube-checkbox {
104 @include margin-right(0 !important);
107 width: $optional-rows-checkbox-width;
111 @include margin-left($optional-rows-checkbox-width);
114 color: pvar(--greyForegroundColor);
119 @include margin-right($timestamp-margin-right);
121 width: $timestamp-width;
126 .new-playlist-button,
127 .new-playlist-block {
129 border-top: 1px solid $separator-border-color;
132 .new-playlist-button {
136 @include apply-svg-color(#333);
137 @include margin-right(4px);
148 @include peertube-input-text(200px);
154 @include peertube-button;
155 @include orange-button;