Micka33 / Micka33/blocksit.js

IE window/screen size <1100px

Open
#1 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
3
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Instead of defining number of columns on load, it should find out the window size and assign the layout accordingly. A modification of your window.resize function can be used:

$(window).load( function() {
var winWidth = $(window).width();
var conWidth;
if(winWidth < 660) {
conWidth = 440;
col = 2
} else if(winWidth < 880) {
conWidth = 660;
col = 3
} else if(winWidth < 1100) {
conWidth = 880;
col = 4;
} else {
conWidth = 1100;
col = 5;
}
$('#container').width(conWidth);
$('#container').BlocksIt({
numOfCol: col,
offsetX: 8,
offsetY: 8
});
});

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the window-size and BlocksIt initialization code referenced in the issue, then inspect how the current column count is chosen on load. The work is done when resizing or loading at widths below 1100px selects the corresponding container width and column count without breaking the existing layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jquery
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.