Questions tagged [semantic-ui-css]
35 questions
1
vote
1 answer
Unexpected character '@' in @import at webpack config
So right now I am having the issue I set up my webpack config as such
var webpack = require('webpack');
var path = require('path');
var parentDir = path.join(__dirname, '../');
module.exports = {
entry: [
path.join(parentDir, 'index.js')
…
Dillon Dunn
- 138
- 1
- 8
1
vote
1 answer
semantic ui grid - display full width of column, after "computer only" columns is hidden
For computer sized screen I have an additional column on the left to display some optional content. When the screen size goes under the breaking point of 991px, that column hides using semantic-ui's native css classes.
In this case the column with…
Han Che
- 8,239
- 19
- 70
- 116
1
vote
1 answer
Stackable menu not working with right menu - Semantic UI
What I'm trying to do is the following:
The output is good on computer, and stacks well on mobile - however item3 is not visible. If I add…
Peter
- 323
- 1
- 16
- 46
1
vote
2 answers
HTML elements not aligned with semantic ui
I am trying to simply show a text input field and a button in one line with semantic ui. For some reason the elements are not aligned properly and I can't figure out the css property that is responsible for this:
sonovice
- 813
- 2
- 13
- 27
0
votes
0 answers
how to change the color of loader sematic ui animation?
how to change the color of loader sematic ui animation?
I tried to prescribe different parameters in style, but I found how to change the animation itself. Nothing works and I didn't find any information in the library api.I have highlighted with…
Екатерина
- 133
- 8
0
votes
0 answers
Concurrent use of tailwindcss and semantic-ui-react breaks styling classes for semantic components
I am picking up a project that was left unfinished and used semantic-ui-react for some menu components. I decided to add tailwindcss to make my life easier when styling but I'm running into a rather weird issue.
When I include these lines at the top…
Alfred Madere
- 21
- 4
0
votes
1 answer
How to add/change progress value to the Progress Bar in Semantic UI (CSS) in ReactJS
I am Trying to add Progress Bar in React Application.
I am using Semantic CSS:
From Documentation…
Mani
- 280
- 1
- 10
0
votes
1 answer
Transition from API results to Dropdown that affects a second dropdown - Semantic UI
I want to change the 'Food name' from API results to a Dropdown.
When I select a value from the 'Food name' (which comes from API results), the "Serving" dropdown is populated with options.
Working - API results format:
Working - Fills the…
Bogdan
- 85
- 10
0
votes
3 answers
Import Semantic-ui css without the classes being scoped locally || Semantic-ui to use classes that are being scoped locally
I want to selectively use semantic-ui-css classes in my components. The problem is that I use PostCSS modules option which scopes locally all the class names for a specific component. When I use semantic-ui-react components, for example a button, it…
CodeBreaker
- 488
- 9
- 18
0
votes
1 answer
Semantic-UI Sidebar transition issue
Am a newbie in webdev. Am trying to use semantic-ui to build a simple web portal.
I have an issue in using the sidebar component. I want the sidebar behaviour to be like this page https://adminlte.io/themes/AdminLTE/index2.html where the body…
exp8
- 25
- 7
0
votes
1 answer
Order of transition group in Semnatic UI components
I am using Semantic UI transition (css,js), and there are some html objects to fade in:
Aryan Firouzian
- 1,940
- 5
- 27
- 41
0
votes
1 answer
Loaders for both Semantic UI React and CSS Files
I stumbled upons some errors when i tried to use loaders for semantic-ui-css/semantic.min.css and normal css files at the same time. I was able to load in respectively the semantic.min.css and the normal css files when i did it indepentently, but…
Simon Iversen
- 1
- 3
0
votes
0 answers
How to resolve @import with Webpack3
I'm trying to add semantic-ui-css to my React application. But, I'm receiving this error message:
"Invalid or unexpected token".
The traceback indicates an issue parsing the @import. Any thoughts or suggestions would be greatly appreciated.
Also,…
lgants
- 3,665
- 3
- 22
- 33
0
votes
1 answer
How to prevent an Angular 2 pages from sliding to sides on dragging content, or scrolling?
Got an Angular 2 app.
When I scroll the page, the page behaves like I try to swipe a little it to the sides, and a horizontal rubber band effect is happening. An effect that seems like I'm trying to swipe the page to the sides.
This problem getting…
neoswf
- 4,730
- 6
- 39
- 59
0
votes
1 answer
Postloaded ui controls are rendered different than preloaded ones in semantic-ui
this is about rendering behaviour of semantic-ui css.
Within an HTML page (call it index.html) I have a postloader like so:
$(document).ready(function(){
$("#content").load("/not-here.php", function (response, status, xhr) {
if (status…
stev-e
- 436
- 6
- 15