Comments (3)
As far as I can tell, most screens have at most four such icons/labels. So, might you be able to show (larger?) icons above (smaller?) labels on narrower viewports? Another alternative might be to show an overflow menu at the point at which the viewport becomes too narrow (ensuring actions are ordered by most to least used, of course).
from kirby.
The media query is kicking in too late/early. I only removed the labels for the mobile version, in lack of a better solution what to do with multiple options in the header. I'm not a big fan of icons without labels either, but I'm also not entirely sure how to solve this better for the mobile header.
from kirby.
β I think the current version already features a lot more labeled icons, even in narrow mobile views. If you disagree, please feel free to re-open this issue (and please provide example) :)
from kirby.
Related Issues (20)
- Date field behaves weird when "display" MM/YYYY is used
- Search in panel shows old results when response times from server vary HOT 1
- Calendar not working with empty date field included in a structure field
- Unsaved changes bubble clipped and wrongly position on active/hovered tab HOT 1
- Files: don't run thumb processing if image smaller than the `create` dimensions HOT 2
- Hide page view options dropdown with no actionable options HOT 3
- Unexpected issue with sorting on setting the num prop when creating pages in code. HOT 4
- Failing Test for DateTest
- Non existing files throw error 500: the thumbnail configuration could not be found
- `k-table`: index column too narrow for high indexes HOT 1
- File browser doesn't start at current page HOT 5
- `file.create:before` hook: allow to modify `$file` object HOT 4
- Filename sanitization rules are inconsistent HOT 1
- Filename sanitization rules are inconsistent HOT 6
- Throwing NotFoundException results in 500 error page HOT 1
- Strange behavior when clicking on tags field input
- Date picker not opening when clicking on date field in Panel HOT 3
- Lab examples for `<k-table>`
- Public Lab: page/file preview empty as data is missing
- `<k-table>`: problems with case-sensitive matching of column index
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 kirby.