Git Product home page Git Product logo

leonardo-ui's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

leonardo-ui's Issues

lui-button--error in documentation should be lui-button--danger

Description

Documentation bug
lui-button--error in documentation should be lui-button--danger

Steps to Reproduce

  1. attempt to use lui-button--error styling in a button
  2. see that it doesn't color red per docs.
Expected behavior

the button would be styled red

Actual behavior

the button is styled default

Versions

  • Leonardo UI: 1.0.2
  • Browser: Chrome
  • Operating system: Win10
  • [Other relevant versions]

Tool tip and Popover rendering are incorrect after scrolling (Firefox/Chrome)

Description

The placement of tool tips and popovers are not correct if the user has scrolled.

Steps to Reproduce

  1. Using Chrome or Firefox load: https://qlik-oss.github.io/leonardo-ui/tooltip.html
  2. Scroll downwards on the page.
  3. Hover over tooltip area to have it render.
Expected behavior

Tool tip docked to the element that renders it.

Actual behavior

Tool tip is rendered above the expected area.

Versions

  • Leonardo UI: 1.3.0
  • Browser: Chrome 62, Firefox 57
  • Operating system: Mac 10.12.6

Automated: Protex scan failed

A BlackDuck Protex scan failed on this repository.

Number of files needing identification: 2

If you are unsure how this process works, please contact trunk team on Slack.

No more automated issues will be created on this repository until this issue
is closed.

Please prioritize and solve this as soon as possible. If the files
has been identified already, you may ignore and close this issue.

npm run docs does not compile documentation

Description

In the contributing.md doc in the developing section, it states to run npm run docs to compile the documentation. This command returns an error.

https://github.com/qlik-oss/leonardo-ui/blob/master/CONTRIBUTING.md#developing

Steps to Reproduce

  1. enter npm run docs
  2. watch the error

image

Expected behavior

docs get compiled

Actual behavior

error occurs:
image

Versions

  • Leonardo UI: 1.0.2
  • Browser: Chrome
  • Operating system: Windows 10
  • [Other relevant versions]

Resolution

I added "docs": "node ./tools/build-docs.js" to the scripts section of the package.json and then ran npm run docs. All good!

Minus icon is defined twice in the css

Description

The .lui-icon--minus class is defined twice in the css and the last occurrence is wrong and should therefore be removed.

Steps to Reproduce

  1. Add an element with the class lui-icon--minus
  2. Inspect it and see that it has two declarations in the css with different values
Expected behavior

The first declaration should be kept and the second which is wrong should be removed

Versions

  • Leonardo UI: 1.1.0
  • Browser: All
  • Operating system: All

Select component multiple not working

Select component cannot be used with multiple. This seems to be a missing feature.

<select class="lui-select lui-select--large" multiple >

First Second Third

lui-icons not rendering...probably me.

Description

lui-icons are not rendering

Steps to Reproduce

  1. Created an angular app
  2. in a template added a button with a span tag that contains a class pointing to a cogwheel.
  3. render in browser.
Expected behavior

cogwheel renders

Actual behavior

I get a capital V

Versions

  • Leonardo UI: 1.01
  • Browser: Chrome
  • Operating system: Windows 2016
  • [Other relevant versions]

Code Sample

css

@font-face {
    font-family: "lui-icons";
    src: url("node_modules/leonardo-ui/dist/lui-icons.woff") format('woff');
}

html

<button style="float:right;margin-right:40px;margin-top:20px;" class="lui-button  lui-button--toolbar-inverse" id="config-dialog" ng-click="model.openConfig()"><span class="lui-button__icon  lui-icon  lui-icon--cogwheel" aria-hidden="true"></span></button>

Screenshot of result
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.