reivilibre/iced-mobile
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add several missing style attributes in iced_web.

Browse Source
This commit is contained in:
Gabriel Konat 2019-12-16 11:09:02 +01:00
parent 0f2e20f5e5
commit 95988e8e25
5 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/widget/button.rs
View File

@ -130,6 +130,7 @@ where
) -> dodrio::Node<'b> {
use dodrio::builder::*;
let width = style::length(self.width);
let padding_class =
style_sheet.insert(bump, Style::Padding(self.padding));
@ -149,9 +150,10 @@ where
"style",
bumpalo::format!(
in bump,
"background: {}; border-radius: {}px; min-width: {}px",
"background: {}; border-radius: {}px; width:{}; min-width: {}px",
background,
self.border_radius,
width,
self.min_width
)
.into_bump_str(),

8
web/src/widget/column.rs
View File

@ -133,6 +133,8 @@ impl<'a, Message> Widget<Message> for Column<'a, Message> {
let width = style::length(self.width);
let height = style::length(self.height);
let align_items = style::align(self.align_items);
// TODO: Complete styling
div(bump)
.attr(
@ -142,10 +144,12 @@ impl<'a, Message> Widget<Message> for Column<'a, Message> {
)
.attr("style", bumpalo::format!(
in bump,
"width: {}; height: {}; max-width: {}px",
"width: {}; height: {}; max-width: {}px; max-height: {}px; align-items: {}",
width,
height,
self.max_width
self.max_width,
self.max_height,
align_items
).into_bump_str()
)
.children(children)

8
web/src/widget/row.rs
View File

@ -134,6 +134,8 @@ impl<'a, Message> Widget<Message> for Row<'a, Message> {
let width = style::length(self.width);
let height = style::length(self.height);
let justify_content = style::align(self.align_items);
// TODO: Complete styling
div(bump)
.attr(
@ -143,10 +145,12 @@ impl<'a, Message> Widget<Message> for Row<'a, Message> {
)
.attr("style", bumpalo::format!(
in bump,
"width: {}; height: {}; max-width: {}px",
"width: {}; height: {}; max-width: {}px; max-height: {}px; justify-content: {}",
width,
height,
self.max_width
self.max_width,
self.max_height,
justify_content
).into_bump_str()
)
.children(children)

7
web/src/widget/text.rs
View File

@ -119,6 +119,9 @@ impl<'a, Message> Widget<Message> for Text {
let content = bumpalo::format!(in bump, "{}", self.content);
let color = style::color(self.color.unwrap_or(Color::BLACK));
let width = style::length(self.width);
let height = style::length(self.height);
let text_align = match self.horizontal_alignment {
HorizontalAlignment::Left => "left",
HorizontalAlignment::Center => "center",
@ -127,7 +130,9 @@ impl<'a, Message> Widget<Message> for Text {
let style = bumpalo::format!(
in bump,
"font-size: {}px; color: {}; text-align: {}",
"width: {}; height: {}; font-size: {}px; color: {}; text-align: {}",
width,
height,
self.size.unwrap_or(20),
color,
text_align

6
web/src/widget/text_input.rs
View File

@ -128,6 +128,8 @@ where
use dodrio::builder::*;
use wasm_bindgen::JsCast;
let width = style::length(self.width);
let max_width = style::length(self.max_width);
let padding_class =
style_sheet.insert(bump, Style::Padding(self.padding));
@ -143,7 +145,9 @@ where
"style",
bumpalo::format!(
in bump,
"font-size: {}px",
"width: {}; max-width: {}; font-size: {}px",
width,
max_width,
self.size.unwrap_or(20)
)
.into_bump_str(),