Add more padding to dismiss button.

Add a style for mode buttons group margin

Co-authored-by: Kyle <kyle@zed.dev>
This commit is contained in:
Piotr Osiewicz 2023-08-14 15:01:01 +02:00
parent d17aba4fd3
commit f4121b42da
4 changed files with 14 additions and 6 deletions

View File

@ -308,7 +308,7 @@ impl View for BufferSearchBar {
.aligned()
.left()
.contained()
.with_margin_right(3.),
.with_style(theme.search.modes_container),
)
.with_child(
super::search_bar::render_close_button(

View File

@ -1617,10 +1617,12 @@ impl View for ProjectSearchBar {
.with_child(search_button_for_mode(SearchMode::Text, cx))
.with_children(semantic_index)
.with_child(search_button_for_mode(SearchMode::Regex, cx))
.constrained()
.with_height(theme.search.search_bar_row_height)
.aligned()
.left()
.contained()
.with_margin_right(3.),
.with_style(theme.search.modes_container),
)
.with_child(
super::search_bar::render_close_button(

View File

@ -391,6 +391,7 @@ pub struct Search {
pub nav_button: Toggleable<Interactive<ContainedLabel>>,
pub search_bar_row_height: f32,
pub option_button_height: f32,
pub modes_container: ContainerStyle,
}
#[derive(Clone, Deserialize, Default, JsonSchema)]

View File

@ -165,10 +165,10 @@ export default function search(): any {
button_width: 32,
corner_radius: 6,
padding: {
top: 8,
bottom: 8,
left: 8,
right: 8,
top: 10,
bottom: 10,
left: 10,
right: 10,
},
background: background(theme.highest, "variant"),
@ -309,6 +309,11 @@ export default function search(): any {
}),
search_bar_row_height: 32,
option_button_height: 22,
modes_container: {
margin: {
right: 9
}
}
}
}