Merge pull request #217 from 1-alex98/bugfix/#194-Button-text-gets-hi…

…dden-on-overflow Button text gets hidden on overflow
beyond-all-reason · Jun 19, 2023 · d05fdf1 · d05fdf1
2 parents 6fb5adb + af22d64
commit d05fdf1
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/src/renderer/components/controls/Control.vue b/src/renderer/components/controls/Control.vue
@@ -33,10 +33,8 @@ function onMouseEnter() {
 <style lang="scss" scoped>
 .control {
     display: flex;
-    min-height: 35px;
-    max-height: 35px;
+    align-self: stretch;
     align-items: center;
-    align-self: center;
     justify-self: flex-start;
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.1);

diff --git a/src/renderer/components/controls/Number.vue b/src/renderer/components/controls/Number.vue
@@ -25,9 +25,6 @@ const maxInputWidth = computed(() => `${max.value.toString().length + 1}ch`);
 </script>
 
 <style lang="scss" scoped>
-.number {
-    max-height: 35px;
-}
 :deep(.p-inputtext) {
     padding: 0 10px;
     width: v-bind(maxInputWidth);

diff --git a/src/renderer/components/controls/SearchBox.vue b/src/renderer/components/controls/SearchBox.vue
@@ -115,13 +115,13 @@ $icon-color: $input-color;
 $active-color: #ccc;
 .search-input-wrapper {
     position: relative;
+    flex-shrink: 0;
 
     input[data-search-input="true"] {
         display: block;
         width: 100%;
         padding: 6px 20px 6px 35px;
         font-size: 20px;
-        height: 35px;
         color: $input-color;
         max-width: 125px;
         background-color: $input-background;