diff --git a/CHANGES.md b/CHANGES.md index 0cc1e8073..df879824b 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -60,6 +60,7 @@ - Fix incorrect message after sending invitation to already member [Taiga 5599](https://tree.taiga.io/project/penpot/issue/5599) - Fix text decoration on button [Taiga #5301](https://tree.taiga.io/project/penpot/issue/5301) - Fix menu order on design tab [Taiga #5195](https://tree.taiga.io/project/penpot/issue/5195) +- Fix search bar width on layer tab [Taiga #5445](https://tree.taiga.io/project/penpot/issue/5445) ### :arrow_up: Deps updates diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss index e9d3256b5..f408a8fc4 100644 --- a/frontend/resources/styles/main/partials/sidebar-layers.scss +++ b/frontend/resources/styles/main/partials/sidebar-layers.scss @@ -378,6 +378,8 @@ span.element-name { background-color: $color-gray-50; color: $color-white; font-size: $fs12; + flex-grow: 1; + margin: 0; height: 16px; &:focus { outline: none; @@ -386,10 +388,16 @@ span.element-name { div { height: 16px; overflow: hidden; + width: 100%; + display: flex; + align-items: center; } .filter, .clear { width: 35px; + display: flex; + justify-content: center; + align-items: center; &.active { svg { fill: $color-primary;