]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame_incremental - 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
1@import '_variables';
2@import '_mixins';
3
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;
13}
14
15input[type=text] {
16 @include peertube-input-text($form-base-input-width);
17 display: block;
18}
19
20input[type=number] {
21 @include peertube-input-text($form-base-input-width);
22
23 display: block;
24}
25
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
37input[type=checkbox] {
38 @include peertube-checkbox(1px);
39}
40
41.peertube-select-container {
42 @include peertube-select-container($form-base-input-width);
43}
44
45my-select-options,
46my-select-custom-value,
47my-select-checkbox {
48 @include responsive-width($form-base-input-width);
49
50 display: block;
51}
52
53input[type=submit] {
54 @include peertube-button;
55 @include orange-button;
56
57 display: flex;
58 margin-left: auto;
59
60 & + .form-error {
61 display: inline;
62 margin-left: 5px;
63 }
64}
65
66.inner-form-title {
67 @include settings-big-title;
68}
69
70textarea {
71 @include peertube-textarea(500px, 150px);
72
73 max-width: 100%;
74 display: block;
75
76 &.small {
77 height: 75px;
78 }
79}
80
81.label-small-info {
82 font-style: italic;
83 margin-bottom: 10px;
84}
85
86.disabled-checkbox-extra {
87 &, ::ng-deep label {
88 opacity: .5;
89 pointer-events: none;
90 }
91}
92
93.form-group-right {
94 padding-top: 2px;
95}
96
97ngb-tabset:not(.previews) ::ng-deep {
98 .nav-link {
99 font-size: 105%;
100 }
101}
102
103.submit-error {
104 margin-bottom: 20px;
105}
106
107.alert-signup {
108 width: fit-content;
109 margin-top: 10px;
110}
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}