Comments (10)
If you want to change the popup style of all date picker components, you can add a class to override it.
If you want to change only the popup style of the specified date picker component, I can add a popup_class attribute to the date picker component.
from thaw.
the quick solution is to" change the popup style of all date picker components", could you give me a class override example? I can try it.
thanks in advance.
from thaw.
Add the following classes.
.thaw-date-picker-panel {
font-size: 12px;
}
from thaw.
it really can work, but the panel position is strange just live above picture.
and date panel can work too, the panel can appear but disappear quickly and date can not be selected?
I use leptos_meta style grammer as following, don't know it's correct or not.
from thaw.
Try it like this.
<Style>
".font-normal { font-weight: 400; font-size: 0.75rem; }"
".thaw-time-picker-panel, .thaw-date-picker-panel { font-size: 0.75rem; }"
</Style>
"date"
<DatePicker class="font-normal" value=date_value/>
"time"
<TimePicker class="font-normal" value=time_value />
from thaw.
Try it like this.
<Style> ".font-normal { font-weight: 400; font-size: 0.75rem; }" ".thaw-time-picker-panel, .thaw-date-picker-panel { font-size: 0.75rem; }" </Style> "date" <DatePicker class="font-normal" value=date_value/> "time" <TimePicker class="font-normal" value=time_value />
thanks,it really work, I don't know why it's class="font-normal", but it really work,
sorry again,
I add button color class as follwing picture, but why the button color keep as default(not changed)?
and using .thaw-alert__content, .thaw-alert__header to change alert component font size seem not work( only header font size can change?)
from thaw.
There should be style overwriting due to css priority issues.
from thaw.
There should be style overwriting due to css priority issues.
is there temporary solution or it's application leptos issue?
from thaw.
I add button color class as follwing picture, but why the button color keep as default(not changed)?
Try this.
<Style>
".my-button.thaw-button { background-color: #04AA6D; }"
</Style>
<Button class="my-button">"next"</Button>
and using .thaw-alert__content, .thaw-alert__header to change alert component font size seem not work( only header font size can change?)
I guess it is a css priority issue, which can be solved by adding !important
.
from thaw.
splendid! your important solution can work
thanks!
from thaw.
Related Issues (20)
- `Select` and `Button` should have matching heights HOT 1
- Select component inline-block
- Building thaw with latest leptos and rust does not work HOT 4
- Default button should not be primary HOT 2
- Theme flashing issue. HOT 2
- Add on_toggle to Switch control
- Message icon missalingment HOT 2
- Image object fit not working as expected
- Theme mode should be done with classes/attributes HOT 1
- Closing Tab HOT 1
- Any plan to add icon prop to MenuItem?
- Allow label from Autocomplete to be any type that impl IntoView HOT 2
- Any plan to make MenuGroup collapsible?
- Layout component issue HOT 2
- Drawer stops page scrolling.
- Select does not support groups. HOT 1
- Roadmap: v0.4
- why not ant design ? 😂 HOT 1
- Thaw Demo looks broken on Linux: system fonts are not used HOT 3
- missing attrs on Checkbox, Combobox and possibly few other components
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from thaw.