designsystemsoss / eccentrictouch Goto Github PK
View Code? Open in Web Editor NEWModern. Scalable design support
Home Page: https://eccentrictouch.thedesignsystems.com/
License: MIT License
Modern. Scalable design support
Home Page: https://eccentrictouch.thedesignsystems.com/
License: MIT License
Describe the bug
The centering body margins to be removed from CSS.
body {
margin-right: auto;
margin-left: auto;
max-width: 1400px;
}
The code snippet given above has to be removed from the main eccentric.scss
and eccentric.css
modules.
We need to add some tools/modules in the project
Is your feature request related to a problem? Please describe.
This is a component CSS Library and later It'll be having CSS Methods for basic & high-level components too. In Order to make the implementation easy for the users, we need to start working on a Styleguide for our project. Which will be containing things like Implementation, Usage, Variations, Adding external CSS Components into our components, Do's & Dont's, and Overall Best Practices.
The Styleguide will be implemented on the website and in a Markdown file also.
Describe alternatives you've considered
Try Looking to these websites/webpages for more reference.
Adding some amazing designs of glass morphism.
It will include Screenshots, videos, Figma/AdobeXd prototypes.
Describe the bug
When you read on how to link eccentric to your webpage it says it's at version 1.0.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I think the version should be 2.0 according to the CDN link.
can I work on this issue under LGM-SOC'21
CSS for implementing progress bars is needed. The length of the progress with be operated by various classes defining various lengths for the progress bars.
There will be 2 divisions, one inside another. The parent div will act as a complete bar and the internal div will be operated accordingly by using the width property in CSS.
Hello Fellow Testers, Looking for bugs? We have so many of them and we need you to resolve them.
Describe the bug
There are so many CSS Class methods which needs to be tested before production.
How to get started?
src/lib/...
Expected Updates
This is a feature request v2.0 (Sprint 02). This project needs all possible CSS Properties and here we have a feature request to implement text boxes. We need to implement this feature as shown below.
Refer to this document for detailed info.
Also, Let's work together, Join our discord server: https://discord.gg/8JVG5rwW
Adding Layout feature in this project can be a good idea like adding padding, margin, display and justify content etc.
If you have raised a valid/helpful issue, discussion idea, and raised a PR with valuable code changes then congrats!! You have contributed to this project. Now as you have done your first contribution in this project, we are giving you a chance to highlight yourself.
Add your GitHub profile photo, Any personal profile URL of your choice, and an emoji that you like.
Just like the above image, you can add a personalized card. Just go to the README.md and do the respective changes and Raise a PR.
Thanks & Congrats on Contributing to this Project. Let's make the Open Source Community Strong :)
Is your feature request related to a problem? Please describe.
We need to create a set of linked CSS Properties for our header component. Its implementation should be this easy that the user just has to create a header component using the header tag <header>
and an options list using the <li>
tag.
This would give the user a Header like this ⬇️
Ignore the logo, which can be added using the float: left;
property whereas all the header options will be shifted to the right section using float: right;
.
Also, This header component will have a feature of self-modification using JS with CSS/SCSS, of course.
So that, The User doesn't have to create a separate header for responsiveness of the website. In fact, This header will automatically be converted to a Hamburger Menu.
This issue has 3 milestones:
Describe the bug
After generating a CDN Link for the eccentric.css
module, We are unable to fetch the CSS Data.
Description
CSS for implementing progress bars is needed. The length of the progress with be operated by various classes defining various lengths for the progress bars.
How to implement this feature
There will be 2 divisions, one inside another. The parent div
will act as a complete bar and the internal div
will be operated accordingly by using the width property in CSS.
Variable that are not defined but they are being used in the code. This would give a potential errors that may break the code. It might have happen due to mistype of the variable name. <!--more--> Potential ReferenceErrors may result from misspellings of variable and parameter names, or accidental implicit …
There are 24 occurrences of this issue in the repository.
See all occurrences on DeepSource → deepsource.io/gh/DesignSystemsOSS/eccentrictouch/issue/JS-0125/occurrences/
Here we will add various designs for header related content.
Only Header!!!!!
We need a clean logo for Eccentric Touch Project.
Is your feature request related to a problem? Please describe.
Need to design a set of all input type elements.
Describe the solution you'd like
Write structured class-based methods to implement all these features. Also, Test your methods in the respective test files, for this issue, it'll be src/lib/components/componentTest.htm
We are planning to add github-action that will automate the releasing process.
This release will be having a properly defined description template.
Is your feature request related to a problem? Please describe.
When the pointer is hovered on the buttons on homepage, pointer should be cursor type.
Is your feature request related to a problem? Please describe.
We are planning to add 2 new workflows, An issue template for applying for maintainer request and one for joining the Organization.
Create 2 ISSUE_TEMPLATES modules as:
1. maintainer_request.md
2. community_joining.md
Add respective content for the templates.
Describe the solution you'd like
This issue is for header design sprints. Here all the designs for header v.1.0 will be listed for agile development.
Describe alternatives you've considered
Header Design Tags are listed below:
Testing Sprints
Additional Details
Create a set of classes to directly access the font families of eccentric touch.
Please can you assign this to me under LGM SOC'21?
Suggested to hide packages if not using !!
This is a feature request v2.0 (Sprint 02). This project needs all possible CSS Properties and here we have a feature request to implement Checkboxes. We need to implement this feature as shown below.
Refer to this document for detailed info.
Also, Let's work together, Join our discord server: https://discord.gg/8JVG5rwW
Is your feature request related to a problem? Please describe.
This is just an addition to the buttons section.
Describe the solution you'd like
Creating radio buttons keeping in mind the color palette
This project doesn't have a proper README
file till now.
This project doesn't have a proper README
file till now. We need content which a new contributor can refer to in order to get started with contribution. The content should contain all the necessary points listed below:
Variable that are not defined but they are being used in the code. This would give a potential errors that may break the code. It might have happen due to mistype of the variable name. <!--more--> Potential ReferenceErrors may result from misspellings of variable and parameter names, or accidental implicit …
There are 12 occurrences of this issue in the repository.
See all occurrences on DeepSource → deepsource.io/gh/DesignSystemsOSS/eccentrictouch/issue/JS-0125/occurrences/
Is your feature request related to a problem? Please describe.
A Need to change some of the sections in the README and update them according to the new features.
Things to add
Describe the bug
The CSS properties for form/input elements is not being implemented correctly on the input:month component.
The usual components are looking like this
But the input:month component is breaking
The issues are just related to the component's Border Radius and Border
Describe the bug
Images library has a flex class that is not showing its actual height and width. You need to write some CSS/SCSS code to fix this issue.
src/lib/images/images.scss
cartoon_image_container
Desktop (please complete the following information):
Smartphone (please complete the following information):
Is your feature request related to a problem? Please describe.
There should a section to explain to new open source contributors that How to start contributing to this project. From Forking, Cloning to Making Bug Reports, Feature requests. Create short-concise but informative content for this section.
Is your feature request related to a problem? Please describe.
As we are performing most of the unit tests manually, We need a JS Code to do so.
Describe the solution you'd like
We will create various DOM Objects which will use all the classes and IDs, precisely.
Is your feature request related to a problem? Please describe.
The site has four buttons and I want to add four more.
Describe the solution you'd like
Will add more more buttons and will reflect the same in docs
Describe alternatives you've considered
N/A
Please assign me this issue under lgm-soc participant
Is your feature request related to a problem? Please describe.
Eccentric Touch needs a flex-properties system. Classes with various flex properties (Ex: inline, block, flex, etc).
I would like to add a scroll to the top button. Please assign me this issue.
Is your feature request related to a problem? Please describe.
This is a feature request v2.0 (Sprint 02). This project needs all possible CSS Properties and here we have a feature request to implement select options. We need to implement this feature as shown below.
Refer to this document for detailed info.
Also, Let's work together, Join our discord server: https://discord.gg/8JVG5rwW
Suggested to hide Wiki Tab if not being used !!
Is your feature request related to a problem? Please describe.
We need to implement a button group feature as well in the library.
Describe the solution you'd like
The code/feature implementation will look something like this
<div class="btn-group">
<button>Apple</button>
<button>Samsung</button>
<button>Sony</button>
</div>
The division will be holding all the buttons inserted in it.
Useful Links
Describe the bug
The button on focusing is removing the borders of the secondary button.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.