elara icon indicating copy to clipboard operation
elara copied to clipboard
verified publisher icon albrow

chore: responsive sizing for 1268px widths and above

Open cranberryofdoom opened this issue 2 years ago • 2 comments

Level

Base

2560x1440

before after
before-level-2560x1440 after-level-2560x1440

1920x1200

before after
before-level-1920x1200 after-level-1920x1200

1440x900

before after
before-level-1440x900 after-level-1440x900

Board Hover

2560x1440

before after
before-level-board-hover-2560x1440 after-level-board-hover-2560x1440

1920x1200

before after
before-level-board-hover-1920x1200 after-level-board-hover-1920x1200

1440x900

before after
before-level-board-hover-1440x900 after-level-board-hover-1440x900

Character Count Hover

2560x1440

before after
before-level-character-count-hover-2560x1440 after-level-character-count-hover-2560x1440

1920x1200

before after
before-level-character-count-hover-1920x1200 after-level-character-count-hover-1920x1200

1440x900

before after
before-level-character-count-hover-1440x900 after-level-character-count-hover-1440x900

Editor List Hover

2560x1440

before after
before-level-editor-list-hover-2560x1440 after-level-editor-list-hover-2560x1440

1920x1200

before after
before-level-editor-list-hover-1920x1200 after-level-editor-list-hover-1920x1200

1440x900

before after
before-level-editor-list-hover-1440x900 after-level-editor-list-hover-1440x900

Function List Hover

2560x1440

before after
before-level-function-list-hover-2560x1440 after-level-function-list-hover-2560x1440

1920x1200

before after
before-level-function-list-hover-1920x1200 after-level-function-list-hover-1920x1200

1440x900

before after
before-level-function-list-hover-1440x900 after-level-function-list-hover-1440x900

Tooltip Hover

2560x1440

before after
before-level-tooltip-hover-2560x1440 after-level-tooltip-hover-2560x1440

1920x1200

before after
before-level-tooltip-hover-1920x1200 after-level-tooltip-hover-1920x1200

1440x900

before after
before-level-tooltip-hover-1440x900 after-level-tooltip-hover-1440x900

Hint

2560x1440

before after
before-level-hint-modal-2560x1440 after-level-hint-modal-2560x1440

1920x1200

before after
before-level-hint-modal-1920x1200 after-level-hint-modal-1920x1200

1440x900

before after
before-level-hint-modal-1440x900 after-level-hint-modal-1440x900

cranberryofdoom avatar Dec 07 '23 00:12 cranberryofdoom

Heads up there's a small issue for 2xl and 3xl sizes. The highlight for the "currently running" line of code is too small and off center, so it actually looks like the code is crossed out.

Screenshot 2023-12-11 at 1 57 57 PM

Other than that looks really good so far!

albrow avatar Dec 11 '23 22:12 albrow

Heads up there's a small issue for 2xl and 3xl sizes. The highlight for the "currently running" line of code is too small and off center, so it actually looks like the code is crossed out.

Fixed in this commit.

Screenshot 2024-02-19 at 8 59 01 AM Screenshot 2024-02-19 at 8 59 31 AM

cranberryofdoom avatar Feb 19 '24 17:02 cranberryofdoom

Thanks @cranberryofdoom 😄

albrow avatar May 26 '24 22:05 albrow