]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
63c4db6d | 3 | |
15a7387d C |
4 | .peertube-select-container { |
5 | @include peertube-select-container(auto); | |
6 | } | |
7 | ||
2ba5ac33 | 8 | .title-page a { |
e66883b3 | 9 | color: pvar(--mainForegroundColor); |
2ba5ac33 RK |
10 | |
11 | &:hover { | |
12 | text-decoration: none; | |
13 | opacity: .8; | |
14 | } | |
15 | } | |
16 | ||
017c3dca C |
17 | my-peertube-checkbox { |
18 | display: block; | |
19 | margin-bottom: 1rem; | |
20 | } | |
21 | ||
45c6bcf3 C |
22 | .nav-tabs { |
23 | margin-bottom: 15px; | |
24 | } | |
25 | ||
4cc66133 C |
26 | .video-edit { |
27 | height: 100%; | |
40e87e9e | 28 | min-height: 300px; |
4cc66133 | 29 | |
4cc66133 C |
30 | input { |
31 | @include peertube-input-text(100%); | |
32 | display: block; | |
4cc66133 | 33 | } |
4cc66133 C |
34 | } |
35 | ||
ce4b4495 | 36 | .captions-header { |
27bc9586 | 37 | text-align: end; |
ce4b4495 C |
38 | margin-bottom: 1rem; |
39 | } | |
40e87e9e | 40 | |
ce4b4495 C |
41 | .create-caption { |
42 | @include create-button; | |
43 | } | |
40e87e9e | 44 | |
ce4b4495 C |
45 | .caption-entry { |
46 | display: flex; | |
47 | height: 40px; | |
48 | align-items: center; | |
40e87e9e | 49 | |
ce4b4495 C |
50 | a.caption-entry-label { |
51 | @include disable-default-a-behaviour; | |
772d5642 | 52 | |
ce4b4495 C |
53 | flex-grow: 1; |
54 | color: #000; | |
772d5642 | 55 | |
ce4b4495 C |
56 | &:hover { |
57 | opacity: 0.8; | |
772d5642 | 58 | } |
ce4b4495 | 59 | } |
772d5642 | 60 | |
ce4b4495 | 61 | .caption-entry-label { |
27bc9586 C |
62 | @include margin-right(20px); |
63 | ||
ce4b4495 | 64 | font-weight: bold; |
ce4b4495 C |
65 | width: 150px; |
66 | } | |
772d5642 | 67 | |
ce4b4495 C |
68 | .caption-entry-state { |
69 | width: 200px; | |
772d5642 | 70 | |
ce4b4495 C |
71 | &.caption-entry-state-create { |
72 | color: #39CC0B; | |
40e87e9e C |
73 | } |
74 | ||
ce4b4495 C |
75 | &.caption-entry-state-delete { |
76 | color: #FF0000; | |
40e87e9e C |
77 | } |
78 | } | |
79 | ||
57d74ec8 | 80 | .caption-entry-edit { |
81 | @include peertube-button; | |
82 | } | |
83 | ||
ce4b4495 C |
84 | .caption-entry-delete { |
85 | @include peertube-button; | |
86 | @include grey-button; | |
40e87e9e C |
87 | } |
88 | } | |
89 | ||
ce4b4495 C |
90 | .no-caption { |
91 | text-align: center; | |
ce4b4495 C |
92 | } |
93 | ||
4cc66133 | 94 | .submit-container { |
27bc9586 | 95 | text-align: end; |
4cc66133 | 96 | |
cadb46d8 | 97 | .message-submit { |
27bc9586 | 98 | @include margin-right(25px); |
cadb46d8 | 99 | |
27bc9586 | 100 | display: inline-block; |
e66883b3 | 101 | color: pvar(--greyForegroundColor); |
cadb46d8 | 102 | } |
4cc66133 C |
103 | } |
104 | ||
bbe0f064 C |
105 | p-calendar { |
106 | display: block; | |
107 | ||
03652b31 | 108 | ::ng-deep { |
4f926722 | 109 | .p-calendar { |
bbe0f064 C |
110 | width: 100%; |
111 | } | |
112 | ||
4f926722 | 113 | .p-inputtext { |
bbe0f064 C |
114 | @include peertube-input-text(100%); |
115 | color: #000; | |
116 | } | |
117 | } | |
118 | } | |
119 | ||
ce4b4495 C |
120 | .form-columns { |
121 | display: grid; | |
6f02515e | 122 | |
ce4b4495 C |
123 | grid-template-columns: 66% 1fr; |
124 | grid-gap: 30px; | |
6f02515e RK |
125 | } |
126 | ||
ce4b4495 C |
127 | @include on-small-main-col { |
128 | .form-columns { | |
129 | grid-template-columns: 1fr; | |
6f02515e RK |
130 | } |
131 | } |