Comments (3)
Hey there! I'm excited to tackle this issue – I'll get started on it right away and aim to have a pull request ready for review very soon. Looking forward to contributing to a better UX! 😊
from keploy.
Hi,
I've reviewed the circular cards layout in the community section of k6.io and observed that it relies on absolute and relative positioning. This strategy ensures a consistent arrangement but unfortunately makes the section less responsive and extensible due to the fixed sizes of images and cards.
In search of a solution, I discovered an approach combining Pug templates with trigonometry to dynamically position the cards. This method promises both flexibility and responsiveness, allowing the layout to adapt more effectively to different screen sizes.
I'm keen to know the community's preference on this matter. Do we see value in exploring this approach to enhance the layout's responsiveness?
Looking forward to your feedback.
Thank you.
from keploy.
@hanzili very nicely put! definitely, flexibility and responsiveness play a crucial role in user experience while designing any section. I think we can explore the later approach, the only limitation I see right now is that we don't have an SVG for the central bunny image, so responsiveness needs to be maintained on the image size there. For the rest of the cards, sub-icons can be put into the Pug templates with trigonometry.
from keploy.
Related Issues (20)
- [bug]: keploy hangs if proxy port is already in use HOT 1
- [bug]: copy button doesn't copy to clipboard for Safari HOT 6
- [feature]: React UI Console for Test Generation HOT 2
- [feature]: Mocks should be deleted for the deleted test-case of test-set
- [bug]: carousel items overlap issue HOT 1
- [docs]: Update Samples-Rust documentation HOT 1
- [bug]: Global Noise and filtering features are failing due to case in-sensitive of viper binding
- [feature]: remove mandatory container name flag incase of docker run HOT 1
- [bug]: race condition for mongo password in proxy/integrations package
- [feature]: Explore integration with Tyk HOT 2
- [feature]: Add support for Application across test sets HOT 1
- [bug]: nil pointer exception from scramAuth of mongo
- [bug]: incorrect routing on blog website HOT 2
- [feature]: update all the frameworks logo on landing page HOT 5
- [feature]: Add code coverage data to keploy test report
- [bug]: unable to stop application docker container running via docker run cmd HOT 1
- [feature]: auto create config file for users
- [feature]: Fix CLI diff viewer issues with arrays
- [feature]: add support for test assertion used in keploy test bench
- [bug]: getting `Accept-Encoding: gzip` header in request of test-bench recorded test case
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from keploy.