semantic-ui

Semantic Ui Dropdown on hover

由 孤者浪人 提交于 2019-12-10 09:37:05
问题 I want my semantic ui dropdown menu to trigger on hover instead of click, it works on click, but not hover. Javascript: $('.ui.dropdown').dropdown({on:'hover'}); HTML: <div class="ui dropdown item"> <i class="fa fa-users"></i> Members <i class="fa fa-caret-down"></i> <div class="menu"> <a class="item"><i class="fa fa-users"></i> Players</a> <a class="item"><i class="fa fa-user-md"></i> Staff</a> </div> </div> 回答1: If you want hover effect to open dropdown menu then you don't need to use

`gulp build` for semantic ui is giving error 'ENOENT: no such file or directory'

由 a 夏天 提交于 2019-12-09 03:01:16
问题 version: gulp@3.9.1 I have installed semantic-ui through npm install and given default settings during interactive setup process. But when i do gulp build from the /semantic folder i am getting following error: [20:52:27] Starting 'build'... Building Semantic [20:52:27] Starting 'build-javascript'... Building Javascript [20:52:27] Starting 'build-css'... Building CSS [20:52:27] Starting 'build-assets'... Building assets [20:52:28] Created: dist/components/site.js [20:52:28] Created: dist

Unable to push commits

由 做~自己de王妃 提交于 2019-12-08 14:08:55
问题 I am trying push a recent commit to my central repository on github, but I am denied access to my own repository. What can I do to change or override settings? frameworks/Semantic-UI$ sudo git push Username for 'https://github.com': team@everest.software Password for 'https://team@everest.software@github.com': remote: Permission to Semantic-Org/Semantic-UI.git denied to everest-software. fatal: unable to access 'https://github.com/Semantic-Org/Semantic-UI.git/': The requested URL returned

Semantic-UI Sidebar.Pusher causing react router to rerender its component

由 旧时模样 提交于 2019-12-08 06:13:37
问题 I am using the react router and semantic-ui sidebar. When the sidebar is toggled between visible and invisible, the router triggers its component ( OilBarrelComponent ) to be recreated (rather than just 'pushed'). This seems unnecessary and has side effects that i don't want. Is there something wrong with my code that causes the OilBarrelContainer component to be recreated just because I toggle the sidebar? import {BrowserRouter as Router, Route, Link, Switch} from 'react-router-dom'; import

Semantic-UI: Two Sidebars Conflict, Only One at a Time?

由 我的梦境 提交于 2019-12-08 06:01:55
问题 So, I have a header and a footer: <div id='footer' class="ui bottom sidebar"> <div id='header' class='ui top sidebar'> And, the JS: $('#header').sidebar('show'); $('#footer').sidebar('show'); The problem is having two sidebars shown at the same time causes the first one to be readjusted. From what I see, Semantic uses margin to push elements on or off screen, presumably with some sort of CSS transition. By having the footer active, it seems to push the header off the screen. Making the header

Semantic-UI Sidebar.Pusher causing react router to rerender its component

由 99封情书 提交于 2019-12-08 05:34:25
I am using the react router and semantic-ui sidebar. When the sidebar is toggled between visible and invisible, the router triggers its component ( OilBarrelComponent ) to be recreated (rather than just 'pushed'). This seems unnecessary and has side effects that i don't want. Is there something wrong with my code that causes the OilBarrelContainer component to be recreated just because I toggle the sidebar? import {BrowserRouter as Router, Route, Link, Switch} from 'react-router-dom'; import {Sidebar, Segment, Button, Menu, Icon} from 'semantic-ui-react' toggleSidebarVisibility = () => this

semantic-ui modal stretching window height

由 ◇◆丶佛笑我妖孽 提交于 2019-12-07 14:01:23
问题 I see on this page: http://semantic-ui.com/modules/modal.html#/examples That to avoid this you can simple add the 'long' class to the modal. I did this but it still is stretching the window height. Does anyone have any ideas why this would be, or how I can debug this behavior? I want to be able to scroll my modal, without having it stretch the window height. 回答1: this is possible http://jsfiddle.net/MrLogical/2hda8e18/ $('.modal-btn').click(function(){ $('.modal-content').show(); }); $('

Using the tab control in semantic-ui

由 橙三吉。 提交于 2019-12-07 09:51:40
问题 I am trying to build a website using semantic-ui. I like a lot of what I see. However, I'm trying to just create a tab control. In an attempt to do this, I thought I grabbed the code found on the overview page. However, as my jsfiddle shows, the tab behavior is not working properly. Here's a sample of my tab code: <div class="row"> <div class="ui active tab segment" data-tab="first">First</div> <div class="ui tab segment" data-tab="second">Second</div> <div class="ui tab segment" data-tab=

Semantic-UI: Why is the Body not the same viewport size?

由 喜欢而已 提交于 2019-12-07 07:22:23
问题 Please take a look at my Hello World-esque application, built with Semantic-UI. I frequently use Semantic-UI, I like it more than Bootstrap, but I have noticed this consistent issue at the edges. The viewport has some sort of excess margin, notice the bottom of the webpage (blank space), and the right of the web page (more blank space). I've been experimenting with setting the width/height of html/body to 100% , to no avail. Is this a Semantic-UI issue, or something else in general? Any

Semantic-UI: How to use custom icons in multiple dropdown remote search?

由 梦想的初衷 提交于 2019-12-07 06:58:28
问题 I'm trying to create a searchable multiple dropdown with custom icons that fetches its data from a remote source. Basically, a mix between this, this and this. Take this fiddle for example: What I want to is a way to modify the dropdown items (not the labels when they are selected, but the actual items in the dropdown list). SUI provides onAdd and onLabelCreate callbacks but those are only useful when an item has already been selected. Is there a callback that allows me to modify the
订阅 semantic-ui