Skip to content
This repository has been archived by the owner on Jun 5, 2020. It is now read-only.

Update iconpicker.less #66

Closed
wants to merge 1 commit into from
Closed

Conversation

BrainFeeder
Copy link

Using 6px as margin at the .icon-picker-item will result in 4 columns of icons instead of 3.

Using 6px as margin at the `.icon-picker-item` will result in 4 columns of icons instead of 3.
@itsjavi
Copy link
Owner

itsjavi commented Mar 26, 2018

screen shot 2018-03-26 at 4 48 56 pm

Thanks, but actually the icons are displayed in rows of 4 currently.
Which OS, browser and plugin version are you using to understand why you see 3 items per row?

Also having 6px of margin will lead into design inconsistencies. The @base_spacing less variable is there for that reason.

@itsjavi
Copy link
Owner

itsjavi commented Mar 26, 2018

This is how it looks like on Chrome 64 + Mac OS after applying your changes:

screen shot 2018-03-26 at 4 53 03 pm

@itsjavi itsjavi closed this Mar 26, 2018
@itsjavi itsjavi reopened this Mar 26, 2018
@BrainFeeder
Copy link
Author

In FireFox, the scrollbar is showing in all examples. This leaves less space for the icons causing them to display in 3 columns.

@BrainFeeder
Copy link
Author

I did not download any version yet, this was the case on the current example page. So I did not download it because of that (yet)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants