]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/videos/+video-edit/shared/video-edit.component.scss
Redirect to uuid video route after upload
[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-edit / shared / video-edit.component.scss
1 @import '_variables';
2 @import '_mixins';
3
4 .video-edit {
5 height: 100%;
6
7 .form-group {
8 margin-bottom: 25px;
9 }
10
11 input {
12 @include peertube-input-text(100%);
13 display: block;
14
15 &[type=checkbox] {
16 outline: 0;
17 }
18 }
19
20 select {
21 @include peertube-select(100%);
22 }
23
24 input, select {
25 font-size: 15px
26 }
27
28 .form-group-checkbox {
29 display: flex;
30 align-items: center;
31
32 label {
33 font-weight: $font-regular;
34 margin: 0;
35 }
36
37 input {
38 width: 10px;
39 margin-right: 10px;
40 }
41 }
42 }
43
44 .submit-container {
45 text-align: right;
46 position: relative;
47 bottom: $button-height;
48
49 .message-submit {
50 display: inline-block;
51 margin-right: 25px;
52
53 color: #585858;
54 font-size: 15px;
55 }
56
57 .submit-button {
58 @include peertube-button;
59 @include orange-button;
60
61 display: inline-block;
62
63 input {
64 cursor: inherit;
65 background-color: inherit;
66 border: none;
67 padding: 0;
68 outline: 0;
69 }
70
71 .icon.icon-validate {
72 @include icon(20px);
73
74 cursor: inherit;
75 position: relative;
76 top: -1px;
77 margin-right: 4px;
78 background-image: url('../../../../assets/images/global/validate.svg');
79 }
80 }
81 }
82
83 /deep/ {
84 .ng2-tag-input {
85 border: none !important;
86 }
87
88 .ng2-tags-container {
89 display: flex;
90 align-items: center;
91 border: 1px solid #C6C6C6;
92 border-radius: 3px;
93 padding: 5px !important;
94 }
95
96 tag {
97 background-color: #E5E5E5 !important;
98 border-radius: 3px !important;
99 font-size: 15px !important;
100 color: #000 !important;
101 height: 30px !important;
102 line-height: 30px !important;
103 margin: 0 5px 0 0 !important;
104 cursor: default !important;
105 padding: 0 8px 0 10px !important;
106
107 div {
108 height: 100% !important;
109 }
110 }
111
112 delete-icon {
113 cursor: pointer !important;
114 height: auto !important;
115 vertical-align: middle !important;
116 padding-left: 6px !important;
117
118 svg {
119 height: auto !important;
120 vertical-align: middle !important;
121 fill: #585858 !important;
122 }
123
124 &:hover {
125 transform: none !important;
126 }
127 }
128 }
129
130 .little-information {
131 font-size: 0.8em;
132 font-style: italic;
133 }