dancespiele / yew_styles Goto Github PK

Like the title says, Number FormInputs are currently limited to non-negative values. I'd like to be able to use negative numbers

Hi

Wanted to try out your style framework, so started with button, but rather quickly hit a snag:
I Added:

use yew_styles::{
    button::{Button, Size},
    styles::{Palette, Style},
};

tried to compile and got the following error:

error[E0603]: enum `Size` is private
 --> src/components.rs:4:22
  |
4 |     button::{Button, Size},
  |                      ^^^^ this enum is private
  |
note: the enum `Size` is defined here
 --> /usr/local/cargo/registry/src/github.com-1ecc6299db9ec823/yew_styles-0.5.0/src/components/button.rs:1:64
  |
1 | use crate::styles::{get_pallete, get_size, get_style, Palette, Size, Style};
  |                    

Am I doing something wrong or is this a bug?

Disclaimer: New to Rust, Yew and Github :D

Br. Bandsberg

I have a lot of blabbering I can contribute to the styling community that wouldn't fit very well in github issues, so I'd love to spend time in Discussions if you can enable it for this repo - or a discord.

But... for now my biggest thoughts are:
Given stylist-rs supports "runtime" styling, what do you think about the idea of making a dev tool picker that lets you select a component just like in chromium or webkit devtools and interactively change css at runtime? That way the development experience is lickity-split and one step closer to WYSIWYG! You would of course disable this picker in production once you are satisfied with the styling achieved. Or does this already exist for WASM in another form?

Hi,
I noticed there was a typo in the README.
It's located in the first sentence.

provide a style framework for yew that doesn't require any Javascrit

the fix should be as simple as changing Javascrit to JavaScript.

According Wikipedia, the "S" in script should also be capitalized.

Would I be able to work on that change?

Thanks,
Alex

Current behaviour:
In a mobile layout the navbar menu is a dropdown which show a list of menus when I click in the menu icon however I need to click again that if I want to hide the menu list, without the possibility to do when I click outside of the dropdown making a poor UX.

Expected behaviour:
The menu list of the navbar in mobile layouts should give the possibility to the developers to access to an event when is clicked outside of the navbar

Path of the component: crate/yew_styles/src/components/navbar
Possible solution:
In modal component (crate/yew_styles/src/components/modals.rs) there is a similar implementation:

Msg::Clicked(mouse_event) => {
                let target_event = mouse_event
                    .target()
                    .unwrap()
                    .dyn_into::<Element>()
                    .unwrap()
                    .class_list();

                if target_event.value().starts_with("modal container") {
                    self.props.onclick_signal.emit(mouse_event);
                }
            }

however the conditional should be that the target_event doesn't start with navbar, something like this:

 if !target_event.value().starts_with("navbar-mobile") {
     self.props.onclick_signal.emit(mouse_event);
}

onChange events are supported by web_sys and stdweb and are easier to work with than onInput events for a lot of things

Could be me, but thought I would let you know.

I know this one might be a toughy, but I didn't see it listed in your readme as a pending component to support: Rich Text Editor

For instance, would something akin to prosemirror or tiptap (built on top of prosemirror) be a possibility? Any cheap workarounds for the time being? Even a text entry supporting bold/underline/italic text, list items and highlighting would be enough for many use cases.

iam tottaly new today in your project, but i think i has, what i was lf.

For me today, i can not open your website docs!

Currently, the only way to know the styles look is to grab this crate and try it out. It'd be great if there were some examples of how each component looked like how Angular Material does.

It would be great if there were demos like that too but that would require having a website built with these styles which is a lot of work, especially considering that this project in its early stages. So including screenshots in docs on docs.rs or in this repo would be a welcome improvement.

I don't know if i'm doing correctly but i'm not using nodejs and i'm simply adding in the html page.

Hi there, I was interested in creating a controlled input, but it seems there's no way to set a value. Does the framework have an opinion about this? Or maybe it's just a feature yet to be implemented?