feat: add availability filter for the issues

[koya0]

Resolves #185

QA

qa-filter-availability3.mp4

[ubiquity-os-deployer]

84a0ef3

a2f32aa

cef819b

1c74229

0470927

d3862b2

1994d19

f144ed0

2274282

97b86d7

[zugdev]

1. You need to change in style.css the portrait or max-width to account for the new space. To avoid the following:

2. You should give a little more padding to the new button, notice the difference:

3. It's preferable that you allocate the same width for both states of the button instead of changeable width, as the later generally provokes responsiveness issues. Also a general better text could be "Unassigned"/"All Issues", i.e: something shorter.

4. The mobile view is very broken. I think you could split the space between search bar and it in a 3/1 flex split, if that works. Stacking vertically either makes it very convoluted, confusing and also violates the bottom-bar max height (that could be changed, but I dislike the approach)

I'd create a div that wraps search box and the new button has display: flex, then in search box I'd do flex: 3, and in button/label flex: 1. Be careful of how it impacts the desktop view.

[zugdev]

LGTM, the only thing I'd change is I'd show all issues when we are displaying all issues and unassigned when displaying unassigned as we do with directory/proposals.

[zugdev]

i'd love if u could solve the little window between 1050px and portrait where bottom bar doesnt appear. this happens cause we have two display modes:

1. portrait OR max_width 1050px

2. landscape AND width > 800px

bonus problem, but I think just deleting 2 solves :p

[zugdev]

thanks, @0x4007 up 2 u

[ubiquity-os]

@koya0, this task has been idle for a while. Please provide an update.

[koya0]

@koya0, this task has been idle for a while. Please provide an update.

Waiting @0x4007 for review

[0x4007]

The left and right padding should match on both rows

I also wish it was more intuitive to understand if it's currently showing everything or just the assigned issues

But unfortunately I think it would be out of scope to add this: we can show some type of status icon on each task row that indicates if it's available or not. It would be immediately clear what the current filter view state is with this.

[0x4007]

I trust that you can fix the padding situation and then merge this in after that's addressed. Thanks.

[koya0]

@0x4007 tks for the feedback

[0x4007]

Still shifted over https://7e57eb65.devpool-directory-ui.pages.dev

[koya0]

Still shifted over https://7e57eb65.devpool-directory-ui.pages.dev

Is shifted only in light mode


I dont know why, but apparently the div needs more margin-left in light mode, i will fix it.

[koya0]

my localhost is aligned but https://6eb4b888.devpool-directory-ui.pages.dev/ is not

localhost:

[koya0]

i guess i cant make changes only for light mode, I reopened the terminal and ran yarn start and an auto change was made in the code to set margin-left equal to the style.css file

[zugdev]

ya thats weird, let me take a look

[zugdev]

add an and color scheme condition to orientation queries in css

[koya0]

i guess now its fine @zugdev @0x4007

[zugdev]

good