mirror of
https://github.com/zed-industries/zed.git
synced 2024-10-24 15:42:53 +00:00
73 lines
1.1 KiB
Markdown
73 lines
1.1 KiB
Markdown
Much of element styling is now handled by an external engine.
|
|
|
|
|
|
How do I make an element hover.
|
|
|
|
There's a hover style.
|
|
|
|
Hoverable needs to wrap another element. That element can be styled.
|
|
|
|
```rs
|
|
struct Hoverable<E: Element> {
|
|
|
|
}
|
|
|
|
impl<V> Element<V> for Hoverable {
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
```rs
|
|
#[derive(Styled, Interactive)]
|
|
pub struct Div {
|
|
declared_style: StyleRefinement,
|
|
interactions: Interactions
|
|
}
|
|
|
|
pub trait Styled {
|
|
fn declared_style(&mut self) -> &mut StyleRefinement;
|
|
fn compute_style(&mut self) -> Style {
|
|
Style::default().refine(self.declared_style())
|
|
}
|
|
|
|
// All the tailwind classes, modifying self.declared_style()
|
|
}
|
|
|
|
impl Style {
|
|
pub fn paint_background<V>(layout: Layout, cx: &mut PaintContext<V>);
|
|
pub fn paint_foreground<V>(layout: Layout, cx: &mut PaintContext<V>);
|
|
}
|
|
|
|
pub trait Interactive<V> {
|
|
fn interactions(&mut self) -> &mut Interactions<V>;
|
|
|
|
fn on_click(self, )
|
|
}
|
|
|
|
struct Interactions<V> {
|
|
click: SmallVec<[<Rc<dyn Fn(&mut V, &dyn Any, )>; 1]>,
|
|
}
|
|
|
|
|
|
```
|
|
|
|
|
|
```rs
|
|
|
|
|
|
trait Stylable {
|
|
type Style;
|
|
|
|
fn with_style(self, style: Self::Style) -> Self;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```
|