aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss26
1 files changed, 15 insertions, 11 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index f608e9299..caa79bf04 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -224,6 +224,20 @@
224 cursor: pointer; 224 cursor: pointer;
225} 225}
226 226
227@mixin select-arrow-down {
228 top: 50%;
229 right: calc(0% + 15px);
230 content: " ";
231 height: 0;
232 width: 0;
233 position: absolute;
234 pointer-events: none;
235 border: 5px solid rgba(0, 0, 0, 0);
236 border-top-color: #000;
237 margin-top: -2px;
238 z-index: 100;
239}
240
227@mixin peertube-select-container ($width) { 241@mixin peertube-select-container ($width) {
228 padding: 0; 242 padding: 0;
229 margin: 0; 243 margin: 0;
@@ -248,17 +262,7 @@
248 } 262 }
249 263
250 &:after { 264 &:after {
251 top: 50%; 265 @include select-arrow-down;
252 right: calc(0% + 15px);
253 content: " ";
254 height: 0;
255 width: 0;
256 position: absolute;
257 pointer-events: none;
258 border: 5px solid rgba(0, 0, 0, 0);
259 border-top-color: #000;
260 margin-top: -2px;
261 z-index: 100;
262 } 266 }
263 267
264 select { 268 select {