rsuite/rsuite

A suite of React components

漆工

@simonguo

How is the code for the rsuite less file introduced?
Can you look at your code?

Temkit Sidali

@Temkit

When I use the index.less from lib theme it's not

I import in the main style file :

@import "~rsuite/lib/styles/default/index.less"

It's working on server

漆工

@simonguo

Is there an error in the console?

Temkit Sidali

@Temkit

But on local I have small squares instead of icons

No error

In the server no error but the custom theme is not working

漆工

@simonguo

Try modifying the CDN url of the font file

@icon-font-path: '//cdnjs.cloudflare.com/ajax/libs/rsuite/4.0.2/styles/fonts';

Temkit Sidali

@Temkit

Temkit Sidali

@Temkit

Not working

漆工

@simonguo

Is the font file loaded?

Temkit Sidali

@Temkit

No error

漆工

@simonguo

response headers ?

Temkit Sidali

@Temkit

Css are working but no icons on development local ! But it's working after build

漆工

@simonguo

@Temkit What is the difference between checking your local development environment and the built environment?

Temkit Sidali

@Temkit

I have the fonts in production but not in local

There is no rsuite font icon in local , there no request for it !

Lucky

@lucky0604

hi, I just opened an issue #669 , could anybody help?

An Duong

@anduong96

Is there a way to have custom filtered data in InputPicker?

muyewanzitou

@muyewanzitou

你好，我想问一下table组件动态固定column在右侧为什么会有出现空白

Godfery

@hiyangguo

@muyewanzitou 能具体描述一下你的问题么？最好能提供一个 demo https://codesandbox.io/s/5vq6zo2z5l

漆工

@simonguo

@anduong96 You refer to the example of asynchronous operation:
Https://rsuitejs.com/en/components/input-picker
https://github.com/rsuite/rsuite.github.io/blob/master/src/pages/components/input-picker/en/async.md

@lucky0604 Has replied

Bruce Sun

@athrunsun

请教一个问题，rsuite和webpack一起用的时候，less-loader的javascriptEnabled选项是必需的吗？官方文档说这个选项已经过时了。

Lucky

@lucky0604

@simonguo I've been closed the issue, thx for ur reply.

晏勇

@yybawang

Modal 只包含 <img src={"xx"} width="100%" /> 的时候，无法自适应高度，设置了 overflow 没什么作用

漆工

@simonguo

@yybawang 表现出的效果是怎么样的？

晏勇

@yybawang

漆工

@simonguo

图片上的滚动条是 modal body 的？

晏勇

@yybawang

是的，Model.Body 里面只有这个 img 标签

img 是 width="100%" 无高度

<Modal
                backdrop={true}
                overflow
                show={show}
                onHide={() => setShow(false)}
            >
                <Modal.Header><Modal.Title>{intl.get('Preview')}</Modal.Title></Modal.Header>
                <Modal.Body>
                    {show ? <img src={preview.url} width={'100%'} height={'100%'} /> : <Placeholder.Paragraph rows={12} />}
                </Modal.Body>
            </Modal>

height=100% 无视掉，，刚调试的

漆工

@simonguo

height={'100%'} 应该删除掉

晏勇

@yybawang

嗯删了，同样问题

// 最开始是这样的，不太行...
<Modal.Body>
                    <img src={preview.url} width={'100%'} />
                </Modal.Body>

漆工

@simonguo

给 modal 设置 overflow={false}

晏勇

@yybawang

好我试试

@simonguo 谢谢大佬，好了，是这个问题😂

Godfery

@hiyangguo

请教一个问题，rsuite和webpack一起用的时候，less-loader的javascriptEnabled选项是必需的吗？官方文档说这个选项已经过时了。

@athrunsun 这个我们也在研究适合的方式去掉，less 新提供的拓展并不满足现在的需求。后续我们会继续跟进这个问题的。如果有好的意见/建议欢迎 PR。

Bruce Sun

@athrunsun

@hiyangguo 我明白了，谢谢回复！

Alexandru Gherasim

@ShinobiWPS

Hi Guys, i found an issue with the documentation:

the documentation says to use rsuite.min.css

but the file is called

rsuite-default.mins.css

漆工

@simonguo

@ShinobiWPS Where do you see rsuite.min.css?

Alexandru Gherasim

@ShinobiWPS

sorry my mistake:
rsuite-default.css
instead of rsuite-default.min.css

Alexandru Gherasim

@ShinobiWPS

in the Quick Start section

Where communities thrive

People

Repo info

Activity