Code Monkey home page Code Monkey logo

bootstarters's People

Contributors

ascensus-mdb avatar catchmareck avatar dawidadach avatar filipkappa avatar martussky avatar marveluck avatar smolenski-mikolaj avatar

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  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

bootstarters's Issues

DatePicker is not working properly.

I'm trying to add a date picker to my jsp , I have added Tailwind Elements CDN scripts as shown in the Quick start documentation.
However the Date picker won't work instead it displays this :

This is the original Element in the Docs :

TailwindElement

This is my form :

form

Head component :

head

Tailwindcss is working just fine on my project the only problem is the datepicker Element. I don't know if that's matter but I'm using tomcat as a server .

TimePicker, unformated labels

Hello,

currently using the tw-elements verison 1.0.0-alpha10 and tailwindcss 3.0.19
The time picker component seems to be missing some important css, in the image below is the current behaviour (I just copied the demo from https://tailwind-elements.com/docs/standard/forms/timepicker/)

Screenshot_2022-02-10-23-59-12

Then this image below is the expected behaviour, which also works on the demo page.

Screenshot_2022-02-11-00-15-51

This is the case for both, hours and minutes. I've tried to debug this problem, and some of the computed css is missing.
See this image, for the computed css of timepicker-time-tips-* of my own project.

image

And then this is the computed css of the demo page.

image

This issue can be easily solved by implementing all the changes, I've created a few more styles that add all the missing features. This is absolutly not a complete list of all the missing styles, it's just a hotfix if anyone faces the same issue.

.timepicker-time-tips-hours, .timepicker-time-tips-minutes {
    position: absolute;
    height: 32px;
    width: 32px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
}

.timepicker-time-tips-hours.active, .timepicker-time-tips-minutes.active {
    background-color: transparent;
}

I don't think I will able to fix this issue by myself, also would appreciate if anyone else is able to reproduce this issue.

Also, it's totally possible that I'm just dumb and missed something when creating the project, in that case I apologise.

stepper component

The stepper does not resize for content that is retrieved via REST api. Is there a way to force the stepper to correctly display the content (height will fit content)? If you click between the steps then the stepper will display the content properly after the transition. Please let me know if there is a fix/workaround for this, thank you.

No custom javascript

It seems like custom Javascript (for components that require js) is missing from the official guide.

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.