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;
50 &.has-optional-row:hover {
51 background-color: inherit;
56 .optional-rows > div {
59 my-peertube-checkbox {
66 align-items: flex-end;
69 font-weight: $font-regular;
80 @include apply-svg-color(#333);
89 margin-right: $timestamp-margin-right;
91 ::ng-deep .ui-inputtext {
93 width: $timestamp-width;
100 padding: 8px 5px 5px 10px;
103 my-peertube-checkbox {
105 width: $optional-rows-checkbox-width;
106 margin-right: 0 !important;
110 margin-left: $optional-rows-checkbox-width;
112 color: pvar(--greyForegroundColor);
117 margin-right: $timestamp-margin-right;
118 width: $timestamp-width;
123 .new-playlist-button,
124 .new-playlist-block {
126 border-top: 1px solid $separator-border-color;
129 .new-playlist-button {
133 @include apply-svg-color(#333);
145 @include peertube-input-text(200px);
151 @include peertube-button;
152 @include orange-button;