問題タブ [semantic-ui-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - ドラッグ可能なスプリッターを含むレスポンシブ html div 要素を作成するにはどうすればよいですか?
標準のヘッダー/コンテンツ/フッター ページを機能させようとしています。
コンテンツ div に jquery ディバイダーがありますが、div D の最小幅を確保できないようです。
これは、これまでのところ解決策に最も近いものです。Semantic-UI できれいに実行できる場合は、解決策をいただければ幸いです。
ありがとう！
javascript - セマンティック UI サイドバー遷移の問題
webdevの初心者です。セマンティック UI を使用して単純な Web ポータルを構築しようとしています。
サイドバー コンポーネントの使用に問題があります。 サイドバーの動作を、サイドバーが表示/折りたたまれたときに本文コンテンツが縮小/拡大するこのページ のようにしたいと考えています。https://adminlte.io/themes/AdminLTE/index2.html
しかし、セマンティック ui のサイドバー (プッシュ/スケール) で選択した設定/遷移方法に関係なく、体の一部が画面から移動します。ビューポートの幅を超えないように、コンテンツを縮小および拡大したいだけです。問題を示す
コードの jsfiddle は次のとおりです。https://jsfiddle.net/vinu_tlg/L5eqt3f4/
セマンティックUIでこの動作を実現する方法を教えてください。
以前に尋ねられた似たような質問がありますが、 それを達成する方法についての答えはありません。
ポインタに感謝します。前もって感謝します。
reactjs - クラスをローカルにスコープせずに Semantic-ui css をインポート || ローカルにスコープされているクラスを使用する Semantic-ui
semantic-ui-cssコンポーネントでクラスを選択的に使用したいと考えています。問題は、特定のコンポーネントのすべてのクラス名をローカルにスコープする PostCSS モジュール オプションを使用していることです。ボタンなどのコンポーネントを使用するsemantic-ui-reactと、要素buttonが classesでレンダリングされますui buttonが、含まれている css はローカルにスコープされるため、button取得する代わりにbutton-min_ui__14RRq
次の2つのいずれかを行う必要があります。
- クラスをローカルにスコープせずに Semantic-ui css をインポートする
- Semantic-ui コンポーネントを作成して、ローカルにスコープされているクラスを使用する
今のところ、選択肢は 1 つだけです。
ボタンが使用するクラスを明示的に示しています。それは機能しますが、すべての要素に対してそれを行う必要があり、デフォルトのクラスが保持されます。だから私は得るui button button-min_ui__14RRq button-min_button__Uio9b
デフォルトのクラスを維持せずにこれを行う方法はありますか?