diff --git a/bevy_kayak_ui/src/render/unified/font/extract.rs b/bevy_kayak_ui/src/render/unified/font/extract.rs
index 5c8e9461ac77a48915353cfc00e58fc0187e3b02..195e16e7769e4552e099c2df513f860fb1a6a024 100644
--- a/bevy_kayak_ui/src/render/unified/font/extract.rs
+++ b/bevy_kayak_ui/src/render/unified/font/extract.rs
@@ -4,7 +4,6 @@ use bevy::{
sprite::Rect,
};
use kayak_core::render_primitive::RenderPrimitive;
-use kayak_core::styles::Edge;
use kayak_font::{Alignment, CoordinateSystem, KayakFont};
use crate::{
@@ -78,7 +77,7 @@ pub fn extract_texts(
z_index: layout.z_index,
quad_type: UIQuadType::Text,
type_index: 0,
- border_radius: Edge::default(),
+ border_radius: (0.0, 0.0, 0.0, 0.0),
image: None,
uv_max: None,
uv_min: None,
diff --git a/bevy_kayak_ui/src/render/unified/mod.rs b/bevy_kayak_ui/src/render/unified/mod.rs
index 0fd0946b691552fb4e37b0049bfaeb5c46be6aab..3400b0e499e19e893097a4a4e87b6818524207ab 100644
--- a/bevy_kayak_ui/src/render/unified/mod.rs
+++ b/bevy_kayak_ui/src/render/unified/mod.rs
@@ -10,7 +10,6 @@ use bevy::{
window::Windows,
};
use kayak_core::{render_primitive::RenderPrimitive, Binding, Bound};
-use kayak_core::styles::Edge;
use kayak_font::KayakFont;
use crate::{
@@ -130,7 +129,7 @@ pub fn extract(
font_handle: None,
quad_type: UIQuadType::Clip,
type_index: 0,
- border_radius: Edge::default(),
+ border_radius: (0.0, 0.0, 0.0, 0.0),
image: None,
uv_min: None,
uv_max: None,
diff --git a/bevy_kayak_ui/src/render/unified/nine_patch/extract.rs b/bevy_kayak_ui/src/render/unified/nine_patch/extract.rs
index 24b3d78938a61afff47c2e90f864aa09cfff273d..7fd27af5ea901bd92280a289b87be1877deb10de 100644
--- a/bevy_kayak_ui/src/render/unified/nine_patch/extract.rs
+++ b/bevy_kayak_ui/src/render/unified/nine_patch/extract.rs
@@ -5,7 +5,6 @@ use bevy::{
sprite::Rect,
};
use kayak_core::render_primitive::RenderPrimitive;
-use kayak_core::styles::Edge;
use crate::{
render::unified::pipeline::{ExtractQuadBundle, ExtractedQuad, UIQuadType},
@@ -61,7 +60,7 @@ pub fn extract_nine_patch(
font_handle: None,
quad_type: UIQuadType::Image,
type_index: 0,
- border_radius: Edge::default(),
+ border_radius: (0.0, 0.0, 0.0, 0.0),
image: image_handle,
uv_max: None,
uv_min: None,
diff --git a/bevy_kayak_ui/src/render/unified/pipeline.rs b/bevy_kayak_ui/src/render/unified/pipeline.rs
index b897abe87a914b5053e0a4ef55fc8db4b6df7407..5c5857ad9c33df06e72440ddae9acd4a6668e436 100644
--- a/bevy_kayak_ui/src/render/unified/pipeline.rs
+++ b/bevy_kayak_ui/src/render/unified/pipeline.rs
@@ -32,7 +32,6 @@ use bevy::{
utils::HashMap,
};
use bytemuck::{Pod, Zeroable};
-use kayak_core::styles::Edge;
use kayak_font::{
bevy::{FontRenderingPipeline, FontTextureCache},
KayakFont,
@@ -321,7 +320,7 @@ pub struct ExtractedQuad {
pub font_handle: Option<Handle<KayakFont>>,
pub quad_type: UIQuadType,
pub type_index: u32,
- pub border_radius: Edge<f32>,
+ pub border_radius: (f32, f32, f32, f32),
pub image: Option<Handle<Image>>,
pub uv_min: Option<Vec2>,
pub uv_max: Option<Vec2>,
@@ -414,25 +413,25 @@ pub fn prepare_quads(
uv_min.x,
uv_max.y,
extracted_sprite.char_id as f32,
- extracted_sprite.border_radius.top,
+ extracted_sprite.border_radius.0,
);
let top_left = Vec4::new(
uv_min.x,
uv_min.y,
extracted_sprite.char_id as f32,
- extracted_sprite.border_radius.right,
+ extracted_sprite.border_radius.1,
);
let top_right = Vec4::new(
uv_max.x,
uv_min.y,
extracted_sprite.char_id as f32,
- extracted_sprite.border_radius.bottom,
+ extracted_sprite.border_radius.2,
);
let bottom_right = Vec4::new(
uv_max.x,
uv_max.y,
extracted_sprite.char_id as f32,
- extracted_sprite.border_radius.left,
+ extracted_sprite.border_radius.3,
);
let uvs: [[f32; 4]; 6] = [
diff --git a/examples/image.rs b/examples/image.rs
index 05a1029ab77492ab2c8d5f5d5ceca85461b2f368..ec63e3047ff299f299a67186d5cd374b6304a4b0 100644
--- a/examples/image.rs
+++ b/examples/image.rs
@@ -3,7 +3,7 @@ use bevy::{
window::WindowDescriptor,
DefaultPlugins,
};
-use kayak_core::styles::{Edge, PositionType};
+use kayak_core::styles::PositionType;
use kayak_ui::bevy::{BevyContext, BevyKayakUIPlugin, ImageManager, UICameraBundle};
use kayak_ui::core::{
render,
@@ -27,7 +27,7 @@ fn startup(
position_type: StyleProp::Value(PositionType::SelfDirected),
left: StyleProp::Value(Units::Pixels(10.0)),
top: StyleProp::Value(Units::Pixels(10.0)),
- border_radius: StyleProp::Value(Edge::all(500.0)),
+ border_radius: StyleProp::Value((500.0, 500.0, 500.0, 500.0)),
width: StyleProp::Value(Units::Pixels(200.0)),
height: StyleProp::Value(Units::Pixels(182.0)),
..Style::default()
diff --git a/examples/todo/add_button.rs b/examples/todo/add_button.rs
index 937da1e9b6bd60b9550e358463772851c73fa284..4e17f14f9ef86ff0830a9a662de64e3cbb250667 100644
--- a/examples/todo/add_button.rs
+++ b/examples/todo/add_button.rs
@@ -3,7 +3,7 @@ use kayak_ui::core::{
color::Color,
render_command::RenderCommand,
rsx,
- styles::{Edge, Style, StyleProp, Units},
+ styles::{Style, StyleProp, Units},
use_state, widget, EventType, OnEvent, WidgetProps,
};
@@ -30,7 +30,7 @@ pub fn AddButton(props: AddButtonProps) {
});
let background_styles = Some(Style {
- border_radius: StyleProp::Value(Edge::all(5.0)),
+ border_radius: StyleProp::Value((5.0, 5.0, 5.0, 5.0)),
background_color: StyleProp::Value(color),
cursor: CursorIcon::Hand.into(),
padding_left: StyleProp::Value(Units::Pixels(9.0)),
diff --git a/examples/todo/delete_button.rs b/examples/todo/delete_button.rs
index 53706c4f7599e91d0f367605ab01cbb990ca5b29..99371b43820d3fd58cd83cb1b5725a60b815396a 100644
--- a/examples/todo/delete_button.rs
+++ b/examples/todo/delete_button.rs
@@ -3,7 +3,7 @@ use kayak_ui::core::{
color::Color,
render_command::RenderCommand,
rsx,
- styles::{Edge, Style, StyleProp, Units},
+ styles::{Style, StyleProp, Units},
use_state, widget, EventType, OnEvent, WidgetProps,
};
@@ -31,7 +31,7 @@ pub fn DeleteButton(props: DeleteButtonProps) {
});
let background_styles = Some(Style {
- border_radius: StyleProp::Value(Edge::all(5.0)),
+ border_radius: StyleProp::Value((5.0, 5.0, 5.0, 5.0)),
background_color: StyleProp::Value(color),
cursor: CursorIcon::Hand.into(),
padding_left: StyleProp::Value(Units::Pixels(8.0)),
diff --git a/kayak_core/src/render_primitive.rs b/kayak_core/src/render_primitive.rs
index d54dde1e4fa43d985d06e612c31fbf57e9902323..b3a64cf9029da0ce5feb6cd40e5a20b1f75d3d34 100644
--- a/kayak_core/src/render_primitive.rs
+++ b/kayak_core/src/render_primitive.rs
@@ -16,7 +16,7 @@ pub enum RenderPrimitive {
background_color: Color,
border_color: Color,
border: Edge<f32>,
- border_radius: Edge<f32>,
+ border_radius: (f32, f32, f32, f32),
},
Text {
color: Color,
@@ -28,7 +28,7 @@ pub enum RenderPrimitive {
size: f32,
},
Image {
- border_radius: Edge<f32>,
+ border_radius: (f32, f32, f32, f32),
layout: Rect,
handle: u16,
},
diff --git a/kayak_core/src/styles/mod.rs b/kayak_core/src/styles/mod.rs
index f7246ad280146d9eb4914bd0023bbf4d56ed905f..320b306abd13b568543a0c93fb09f33756a426b5 100644
--- a/kayak_core/src/styles/mod.rs
+++ b/kayak_core/src/styles/mod.rs
@@ -143,7 +143,7 @@ define_styles! {
pub struct Style {
pub background_color : StyleProp<Color>,
pub border_color: StyleProp<Color>,
- pub border_radius: StyleProp<Edge<f32>>,
+ pub border_radius: StyleProp<(f32, f32, f32, f32)>,
pub border: StyleProp<Edge<f32>>,
pub bottom: StyleProp<Units>,
pub color: StyleProp<Color>,
diff --git a/src/widgets/button.rs b/src/widgets/button.rs
index 91a489fc4c15ceab083f7485a466ad702973953c..a0cf25f65da1da47eb5fe6418f844d7b5fe708af 100644
--- a/src/widgets/button.rs
+++ b/src/widgets/button.rs
@@ -1,7 +1,7 @@
use crate::core::{
render_command::RenderCommand,
rsx,
- styles::{Edge, Style, StyleProp, Units},
+ styles::{Style, StyleProp, Units},
widget, Children, Color, Fragment, OnEvent, WidgetProps,
};
use kayak_core::CursorIcon;
@@ -48,7 +48,7 @@ pub fn Button(props: ButtonProps) {
.with_style(&props.styles)
.with_style(Style {
background_color: StyleProp::Value(Color::new(0.0781, 0.0898, 0.101, 1.0)),
- border_radius: StyleProp::Value(Edge::all(5.0)),
+ border_radius: StyleProp::Value((5.0, 5.0, 5.0, 5.0)),
height: StyleProp::Value(Units::Pixels(45.0)),
padding_left: StyleProp::Value(Units::Stretch(1.0)),
padding_right: StyleProp::Value(Units::Stretch(1.0)),
diff --git a/src/widgets/inspector.rs b/src/widgets/inspector.rs
index e28a2fee86cd867835dcaa919a71ffff294694be..88350ec2a22bc5308d547e6e5f46969de7322002 100644
--- a/src/widgets/inspector.rs
+++ b/src/widgets/inspector.rs
@@ -1,4 +1,4 @@
-use kayak_core::styles::{Edge, PositionType, Style, StyleProp, Units};
+use kayak_core::styles::{PositionType, Style, StyleProp, Units};
use kayak_core::{Bound, Color, EventType, OnEvent, VecTracker};
use kayak_render_macros::{constructor, use_state};
@@ -24,7 +24,7 @@ pub fn Inspector(props: InspectorProps) {
let background_styles = Some(Style {
background_color: StyleProp::Value(Color::new(0.125, 0.125, 0.125, 1.0)),
- border_radius: StyleProp::Value(Edge::all(0.0)),
+ border_radius: StyleProp::Value((0.0, 0.0, 0.0, 0.0)),
position_type: StyleProp::Value(PositionType::SelfDirected),
left: StyleProp::Value(Units::Stretch(1.0)),
top: StyleProp::Value(Units::Stretch(0.0)),
diff --git a/src/widgets/text_box.rs b/src/widgets/text_box.rs
index 2c5730033aa599ad970264730b592bec017e8a28..457f9b7624cf66f09839ebe6c4948abbacd05494 100644
--- a/src/widgets/text_box.rs
+++ b/src/widgets/text_box.rs
@@ -1,7 +1,7 @@
use crate::core::{
render_command::RenderCommand,
rsx,
- styles::{Edge, Style, Units},
+ styles::{Style, Units},
widget, Bound, Children, Color, EventType, MutableBound, OnEvent, WidgetProps,
};
use kayak_core::CursorIcon;
@@ -102,7 +102,7 @@ pub fn TextBox(props: TextBoxProps) {
let background_styles = Style {
background_color: Color::new(0.176, 0.196, 0.215, 1.0).into(),
- border_radius: Edge::all(5.0).into(),
+ border_radius: (5.0, 5.0, 5.0, 5.0).into(),
height: Units::Pixels(26.0).into(),
padding_left: Units::Pixels(5.0).into(),
padding_right: Units::Pixels(5.0).into(),
diff --git a/src/widgets/window.rs b/src/widgets/window.rs
index cbc6b791e6aa6f65c9889ecd9c667370ed6e6e3f..ff37cf5df84e5ba3cf199ae0b73cfc22b8c66b88 100644
--- a/src/widgets/window.rs
+++ b/src/widgets/window.rs
@@ -65,7 +65,7 @@ pub fn Window(props: WindowProps) {
background_color: StyleProp::Value(Color::new(0.125, 0.125, 0.125, 1.0)),
border_color: StyleProp::Value(Color::new(0.0781, 0.0898, 0.101, 1.0)),
border: StyleProp::Value(Edge::all(4.0)),
- border_radius: StyleProp::Value(Edge::all(5.0)),
+ border_radius: StyleProp::Value((5.0, 5.0, 5.0, 5.0)),
render_command: StyleProp::Value(RenderCommand::Quad),
position_type: StyleProp::Value(PositionType::SelfDirected),
left: StyleProp::Value(Units::Pixels(pos.0)),
@@ -98,7 +98,7 @@ pub fn Window(props: WindowProps) {
let title_background_styles = Style {
background_color: StyleProp::Value(Color::new(0.0781, 0.0898, 0.101, 1.0)),
- border_radius: StyleProp::Value(Edge::all(5.0)),
+ border_radius: StyleProp::Value((5.0, 5.0, 5.0, 5.0)),
cursor: cursor.into(),
height: StyleProp::Value(Units::Pixels(24.0)),
width: StyleProp::Value(Units::Stretch(1.0)),