From dcc28002fb79830d75de38bc9a0298d9ee2b741b Mon Sep 17 00:00:00 2001
From: Jacob Shandling <61553566+jacobshandling@users.noreply.github.com>
Date: Thu, 28 Mar 2024 11:58:08 -0700
Subject: [PATCH] =?UTF-8?q?UI=20=E2=80=93=20Fix=20alignment=20of=20a=20fil?=
=?UTF-8?q?ter=20on=20the=20hosts=20page=20(#17822)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
## Addresses #17265
- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality
---------
Co-authored-by: Jacob Shandling
---
changes/17265-filter-alignment | 1 +
.../components/HostsFilterBlock/_styles.scss | 23 +++++++++++++++----
2 files changed, 20 insertions(+), 4 deletions(-)
create mode 100644 changes/17265-filter-alignment
diff --git a/changes/17265-filter-alignment b/changes/17265-filter-alignment
new file mode 100644
index 0000000000..a27c775810
--- /dev/null
+++ b/changes/17265-filter-alignment
@@ -0,0 +1 @@
+* Fix a small alignment bug
diff --git a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/_styles.scss
index 1df7fbc364..752858973b 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/_styles.scss
@@ -15,19 +15,34 @@
// NOTE: Look more into this styling
&__os_settings-dropdown,
&__macsettings-dropdown {
- width: 137px;
-
.Select-value {
display: flex;
align-items: center;
+ position: initial !important;
+ line-height: initial !important;
&::before {
position: relative;
content: url(../assets/images/icon-filter-v2-black-16x16@2x.png);
transform: scale(0.5);
- left: -8px;
- top: 4px;
+ top: 1px;
}
}
+
+ .Select-input {
+ display: none !important;
+ }
+
+ .Select {
+ box-sizing: initial;
+ }
+
+ .Select-control {
+ height: 36px;
+ }
+
+ .dropdown__select {
+ border: 1px solid #e2e4ea;
+ }
}
}