Comments (5)
This has been resolved as part of the Tailwind UI migration. The icons now do a 4 item then three item row on larger screens and change as needed with smaller screens.
from kodi-tv.
I'm going to keep looking at this, but it may require some more CSS fu than I have. The challenge is that we want to have the list wrap as the screen size changes so that it looks good on mobile and desktop. And that means there will be some screen sizes from time to time where there is one lone icon on a row. If we split them into two groups (the first four and the Apple ones), then as we wrap we could end up with one from the first group on one row by itself (so basically three rows of 3, 1, and 3 items). That would be worse.
The funny part is that your suggested layout is exactly what I see already on my laptop screen.
from kodi-tv.
@KarellenX can i work on this issue.
from kodi-tv.
We're in process of moving everything from PatternFly to TailwindCSS for layout and display. It may be that we can better address that then, and any fix you make to the PatternFly layout will end up not mattering anyway. I welcome the help, but maybe not right this second. '-)
from kodi-tv.
Sure @pkscout i agree with you,
from kodi-tv.
Related Issues (20)
- Include more recent Devcon pictures HOT 2
- Donor wall is broken HOT 7
- Fix typing errors on the home page
- Set a minimum donation amount HOT 6
- Eslint Errors HOT 4
- Where is the full JSONRPC spec or ServiceDescription.json? HOT 2
- Endaoment donation HOT 4
- Limit recent donations HOT 1
- Netlify CMS Limitations/Options HOT 4
- Hero image distortion on blog pages HOT 6
- Jiotv not working with new version HOT 1
- "Essay writing" spam on Kodi blog HOT 10
- Enable Netlify CMS "Open Authoring" feature HOT 7
- Add sentry to sponsors HOT 1
- Forum count shows a zero HOT 2
- Provide download button for Apple Silicon (arm64) HOT 7
- "[CR]" showing in addon descriptions
- Add OSUOSL to sponsors HOT 5
- Admin login sometimes doesn't connect with github HOT 4
- CRT shader HOT 1
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 kodi-tv.