edit-custom-config.component.scss 1.91 KB
Newer Older
1
2
3
@import '_variables';
@import '_mixins';

4
5
6
7
8
9
10
11
12
$form-base-input-width: 340px;

label {
  font-weight: $font-regular;
  font-size: 100%;
}

form {
  padding-bottom: 1.5rem;
Chocobozzz's avatar
Chocobozzz committed
13
14
}

15
input[type=text] {
16
  @include peertube-input-text($form-base-input-width);
Chocobozzz's avatar
Chocobozzz committed
17

18
19
20
  display: block;
}

21
input[type=number] {
22
23
  @include peertube-input-text($form-base-input-width);

24
25
26
  display: block;
}

27
28
29
30
31
32
33
34
35
36
37
.number-with-unit {
  position: relative;
  width: min-content;

  input[type=number] + span {
    position: absolute;
    top: 5px;
    right: 2.5rem;
  }
}

38
39
40
41
42
input[type=checkbox] {
  @include peertube-checkbox(1px);
}

.peertube-select-container {
43
  @include peertube-select-container($form-base-input-width);
44
45
}

Chocobozzz's avatar
Chocobozzz committed
46
47
my-select-options,
my-select-custom-value,
Chocobozzz's avatar
Chocobozzz committed
48
my-select-checkbox {
Chocobozzz's avatar
Chocobozzz committed
49
50
51
  @include responsive-width($form-base-input-width);

  display: block;
Chocobozzz's avatar
Chocobozzz committed
52
53
}

54
55
56
input[type=submit] {
  @include peertube-button;
  @include orange-button;
Chocobozzz's avatar
Chocobozzz committed
57
  @include margin-left(auto);
58

59
  display: flex;
Chocobozzz's avatar
Chocobozzz committed
60

Chocobozzz's avatar
Chocobozzz committed
61
  + .form-error {
Chocobozzz's avatar
Chocobozzz committed
62
63
    @include margin-left(5px);

Chocobozzz's avatar
Chocobozzz committed
64
65
    display: inline;
  }
66
67
68
}

.inner-form-title {
69
  @include settings-big-title;
70
}
71
72
73
74

textarea {
  @include peertube-textarea(500px, 150px);

75
  max-width: 100%;
76
  display: block;
Chocobozzz's avatar
Chocobozzz committed
77

Chocobozzz's avatar
Chocobozzz committed
78
79
  &.small {
    height: 75px;
Chocobozzz's avatar
Chocobozzz committed
80
  }
81
}
Chocobozzz's avatar
Chocobozzz committed
82
83
84
85
86

.label-small-info {
  font-style: italic;
  margin-bottom: 10px;
}
87
88

.disabled-checkbox-extra {
Chocobozzz's avatar
Chocobozzz committed
89
90
  &,
  ::ng-deep label {
Chocobozzz's avatar
Chocobozzz committed
91
92
93
    opacity: .5;
    pointer-events: none;
  }
94
}
95
96
97
98
99
100
101
102
103

.form-group-right {
  padding-top: 2px;
}

ngb-tabset:not(.previews) ::ng-deep {
  .nav-link {
    font-size: 105%;
  }
Chocobozzz's avatar
Chocobozzz committed
104
105
106
107
108
}

.submit-error {
  margin-bottom: 20px;
}
109
110
111
112
113

.alert-signup {
  width: fit-content;
  margin-top: 10px;
}
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

.callout-container {
  position: absolute;
  display: flex;
  height: 0;
  width: 100%;
  justify-content: right;

  .callout-link {
    @include peertube-button-link;

    position: relative;
    right: 3.3em;
    top: .3em;
    font-size: 90%;
    color: pvar(--mainColor);
    background-color: pvar(--mainBackgroundColor);
    padding: 0 .3em;
  }
}