ui: Render disclosures with IconButtonShape::Square (#13004)

This PR adjusts the `Disclosure` component to render using
`IconButtonShape::Square`.

This tightens up the hover styles so they aren't quite so massive.

### Before

<img width="116" alt="Screenshot 2024-06-13 at 3 22 43 PM"
src="https://github.com/zed-industries/zed/assets/1486634/dea8f8fb-a041-4aa7-89be-0cd2d7889955">

### After

<img width="113" alt="Screenshot 2024-06-13 at 3 23 02 PM"
src="https://github.com/zed-industries/zed/assets/1486634/7682cce6-4f83-4f3e-b91f-3023849bd314">

Release Notes:

- Tweaked the style of disclosure controls throughout the UI.
This commit is contained in:
Marshall Bowers 2024-06-13 15:39:06 -04:00 committed by GitHub
parent 2e758dcb64
commit 702fd8f168
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -2,7 +2,7 @@ use std::sync::Arc;
use gpui::ClickEvent;
use crate::{prelude::*, Color, IconButton, IconName, IconSize};
use crate::{prelude::*, Color, IconButton, IconButtonShape, IconName, IconSize};
#[derive(IntoElement)]
pub struct Disclosure {
@ -38,6 +38,7 @@ impl RenderOnce for Disclosure {
false => IconName::ChevronRight,
},
)
.shape(IconButtonShape::Square)
.icon_color(Color::Muted)
.icon_size(IconSize::Small)
.when_some(self.on_toggle, move |this, on_toggle| {