aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2023-02-20 11:27:49 +0100
committerChocobozzz <me@florianbigard.com>2023-02-20 11:32:04 +0100
commitd9a37011c32e1313f2b7703733ac595ef208c6a2 (patch)
treeba186909bf94c2785a20e48f206983370ddb9069
parent420a6043cc579d6fc342adcfe8107daf51664761 (diff)
downloadPeerTube-d9a37011c32e1313f2b7703733ac595ef208c6a2.tar.gz
PeerTube-d9a37011c32e1313f2b7703733ac595ef208c6a2.tar.zst
PeerTube-d9a37011c32e1313f2b7703733ac595ef208c6a2.zip
Remove button height
Prefer using padding instead
-rw-r--r--client/src/sass/bootstrap.scss3
-rw-r--r--client/src/sass/include/_mixins.scss6
-rw-r--r--client/src/sass/include/_variables.scss1
3 files changed, 4 insertions, 6 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 7843d3be7..f3e7880ac 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -339,7 +339,8 @@
339.input-group { 339.input-group {
340 > .btn, 340 > .btn,
341 > .input-group-text { 341 > .input-group-text {
342 height: $button-height; 342 padding-top: 4px;
343 padding-bottom: 4px;
343 } 344 }
344 345
345 > .input-group-text { 346 > .input-group-text {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 0df849167..34af9e8c1 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -90,9 +90,8 @@
90} 90}
91 91
92@mixin peertube-input-text($width) { 92@mixin peertube-input-text($width) {
93 padding: 0 15px; 93 padding: 4px 15px;
94 display: inline-block; 94 display: inline-block;
95 height: $button-height;
96 width: $width; 95 width: $width;
97 max-width: $width; 96 max-width: $width;
98 color: pvar(--inputForegroundColor); 97 color: pvar(--inputForegroundColor);
@@ -401,12 +400,11 @@
401 } 400 }
402 401
403 select { 402 select {
404 padding: 0 35px 0 12px; 403 padding: 4px 35px 4px 12px;
405 position: relative; 404 position: relative;
406 border: 1px solid pvar(--inputBorderColor); 405 border: 1px solid pvar(--inputBorderColor);
407 background: transparent none; 406 background: transparent none;
408 appearance: none; 407 appearance: none;
409 height: $button-height;
410 text-overflow: ellipsis; 408 text-overflow: ellipsis;
411 color: pvar(--mainForegroundColor); 409 color: pvar(--mainForegroundColor);
412 font-size: $form-input-font-size; 410 font-size: $form-input-font-size;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index f16145ae0..8358270da 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -39,7 +39,6 @@ $expanded-horizontal-margins: 150px;
39$not-expanded-horizontal-margins: 30px; 39$not-expanded-horizontal-margins: 30px;
40 40
41$button-font-size: 15px; 41$button-font-size: 15px;
42$button-height: 30px;
43 42
44$header-height: 50px; 43$header-height: 50px;
45$header-border-color: #e9eff6; 44$header-border-color: #e9eff6;