Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[change] Eliminate redundancy of header HTML #314

Open
nemesifier opened this issue Jul 23, 2021 · 14 comments
Open

[change] Eliminate redundancy of header HTML #314

nemesifier opened this issue Jul 23, 2021 · 14 comments
Labels
enhancement New feature or request

Comments

@nemesifier
Copy link
Member

The header HTML is kind of duplicated, once is a desktop version and one is a mobile version.

I wonder if we can avoid this and handle everything with CSS.

It's kind of painful to customize this part because of this duplication (double amount of work).

@nemesifier nemesifier added the enhancement New feature or request label Jul 23, 2021
@Red-0111
Copy link

Hi, I would like to work on this issue, please tell me how to proceed :)

@codesankalp
Copy link
Member

Hi @Red-0111, Please check client/components/header/.
In this headers are defined for mobile and desktop separately.
mobile:

<div className="header-mobile ">
<div className="header-row-1">
<div className="header-row-1-inner">
<div className="header-left">

desktop:
<div className="header-container header-desktop">
<div className="header-row-1">
<div className="header-row-1-inner">
<div className="header-left">

In this issue, it is mentioned to get rid of one header using CSS.

@codesankalp
Copy link
Member

Hello @Red-0111, Are you working on this?

@Red-0111
Copy link

Yes please give me some time I am trying to figure it out.

@codesankalp
Copy link
Member

Yes please give me some time I am trying to figure it out.

Great, If you need any help feel free to ask 👍

@totallynotvaishnav
Copy link
Member

Is anyone working on this?

@Red-0111
Copy link

Is anyone working on this?

Yes, it would be great to have some help :)

@codesankalp
Copy link
Member

Is anyone working on this?

Yes, it would be great to have some help :)

What issues are you facing @Red-0111?

@Red-0111
Copy link

Red-0111 commented Aug 24, 2021

Is anyone working on this?

Yes, it would be great to have some help :)

What issues are you facing @Red-0111?

While running the headless test for yarn the test suites fail and it shows command failed with exit code 1. I tried searching the issue on internet but nothing worked.

@codesankalp
Copy link
Member

Have you tried the correct way of running browser-test as described in README?

@Red-0111 If you have implemented this, please make a draft pull request. I will review the PR and then can tell more about the error.

@Red-0111
Copy link

Have you tried the correct way of running browser-test as described in README?

@Red-0111 If you have implemented this, please make a draft pull request. I will review the PR and then can tell more about the error.

Yes I followed the same steps as in the README. I was installing dependencies so what should I make the pull request for?

@codesankalp
Copy link
Member

codesankalp commented Aug 24, 2021

I was installing dependencies so what should I make the pull request for?

I thought you had implemented the changes and now trying to run tests before creating PR. It will be better if you can provide some details about the error (screenshots). Also before running tests had you run the command yarn setup? @Red-0111

@nemesifier
Copy link
Member Author

nemesifier commented Aug 24, 2021

@Red-0111 I suggest using the OpenWISP support chat to coordinate better.

@Red-0111
Copy link

@Red-0111 I suggest using the OpenWISP support chat to coordinate better.

Yeah sure

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Status: To do (Python & Django)
Development

No branches or pull requests

4 participants