]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
Remove avatarUrl from models
[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / config / edit-custom-config / edit-custom-config.component.scss
CommitLineData
fd206f0b
C
1@import '_variables';
2@import '_mixins';
3
482fa503
RK
4$form-base-input-width: 340px;
5
6label {
7 font-weight: $font-regular;
8 font-size: 100%;
9}
10
11form {
12 padding-bottom: 1.5rem;
ccc00cb2
C
13}
14
fd206f0b 15input[type=text] {
482fa503 16 @include peertube-input-text($form-base-input-width);
fd206f0b
C
17 display: block;
18}
19
e40afb5b 20input[type=number] {
c9bc850e
C
21 @include peertube-input-text($form-base-input-width);
22
e40afb5b
RK
23 display: block;
24}
25
c5dcdab3
RK
26.number-with-unit {
27 position: relative;
28 width: min-content;
29
30 input[type=number] + span {
31 position: absolute;
32 top: 5px;
33 right: 2.5rem;
34 }
35}
36
fd206f0b
C
37input[type=checkbox] {
38 @include peertube-checkbox(1px);
39}
40
41.peertube-select-container {
482fa503 42 @include peertube-select-container($form-base-input-width);
fd206f0b
C
43}
44
ead64cdf
C
45my-select-options,
46my-select-custom-value,
52c4976f 47my-select-checkbox {
48586fe0
C
48 @include responsive-width($form-base-input-width);
49
50 display: block;
52c4976f
C
51}
52
fd206f0b
C
53input[type=submit] {
54 @include peertube-button;
55 @include orange-button;
56
482fa503
RK
57 display: flex;
58 margin-left: auto;
5b7c47a7
C
59
60 & + .form-error {
61 display: inline;
62 margin-left: 5px;
63 }
fd206f0b
C
64}
65
66.inner-form-title {
482fa503 67 @include settings-big-title;
fd206f0b 68}
00b5556c
C
69
70textarea {
71 @include peertube-textarea(500px, 150px);
72
76314386 73 max-width: 100%;
00b5556c 74 display: block;
2e3a0215 75
8ae03c37
C
76 &.small {
77 height: 75px;
2e3a0215 78 }
00b5556c 79}
ccc00cb2
C
80
81.label-small-info {
82 font-style: italic;
83 margin-bottom: 10px;
84}
96a4a7c3
RK
85
86.disabled-checkbox-extra {
5fb2e288
C
87 &, ::ng-deep label {
88 opacity: .5;
89 pointer-events: none;
90 }
96a4a7c3 91}
482fa503 92
482fa503
RK
93.form-group-right {
94 padding-top: 2px;
95}
96
97ngb-tabset:not(.previews) ::ng-deep {
98 .nav-link {
99 font-size: 105%;
100 }
72c33e71
C
101}
102
103.submit-error {
104 margin-bottom: 20px;
105}
16a173bb
C
106
107.alert-signup {
108 width: fit-content;
109 margin-top: 10px;
110}
ea5cdc11
RK
111
112.callout-container {
113 position: absolute;
114 display: flex;
115 height: 0;
116 width: 100%;
117 justify-content: right;
118
119 .callout-link {
120 @include peertube-button-link;
121
122 position: relative;
123 right: 3.3em;
124 top: .3em;
125 font-size: 90%;
126 color: pvar(--mainColor);
127 background-color: pvar(--mainBackgroundColor);
128 padding: 0 .3em;
129 }
130}