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

Mobile, styling #36

Open
ah-bas-und-aer opened this issue Feb 7, 2024 · 15 comments
Open

Mobile, styling #36

ah-bas-und-aer opened this issue Feb 7, 2024 · 15 comments
Assignees
Labels

Comments

@ah-bas-und-aer
Copy link
Collaborator

ah-bas-und-aer commented Feb 7, 2024

  • reduce line hight of paragraph text a bit ( I refer to the look of the test enviroment)

  • can you make the illustrations bigger?

  • check distance before title and between title and illu (also said in issu "genereal")

  • font size of the text field title in contact form could be a tiny bit smaller

  • reduce line hight of headline (title)

  • reduca a lot the line hight of the adress in the footer

  • could you style the undeline of linked text? could be a bit thicker

  • delete the underline below the telephone-number

  • recheck position ankerpoints (i recheck, because of what you told be in the meeting to log out wordpress

  • move the logo a little bit more to the left side and over the coulumn achse, so we have a bit more space for the titles

@ah-bas-und-aer
Copy link
Collaborator Author

is it true, that the line-hight of my phone is so different, compared to bigger mobile screens? I bearly can check myself, but while testing screensize on dektop and on Bens phone, it looks totally different:
2024-02-07 15 15 39
2024-02-07 15 16 45

@GuidaGG
Copy link
Owner

GuidaGG commented Feb 7, 2024

  • reduce line hight of paragraph text a bit ( I refer to the look of the test enviroment)

    • you mean looking at the browser or at the mobile?
    • I will reduce anyway
  • can you make the illustrations bigger?

    • no, they have spacing on the sides on the png but are full width on mobile
  • check distance before title and between title and illu (also said in issu "genereal")

    • this also related to the spacing images have on top
  • font size of the text field title in contact form could be a tiny bit smaller

  • reduce line hight of headline (title)

  • reduca a lot the line hight of the adress in the footer

    • can you recheck? On dev there seems to be a lot of "text-spacing/breaks"

image

  • could you style the undeline of linked text? could be a bit thicker

    • no then it has to be a border but it works differently
  • delete the underline below the telephone-number

  • recheck position ankerpoints (i recheck, because of what you told be in the meeting to log out wordpress

  • move the logo a little bit more to the left side and over the coulumn achse, so we have a bit more space for the titles

    • I will have to readjust everything for this. at the moment my phone is not working, so It will be risky to do it until I can properly test.

@ah-bas-und-aer
Copy link
Collaborator Author

  • you mean looking at the browser or at the mobile?

Everything in that issue refers to mibile, yes.

@ah-bas-und-aer
Copy link
Collaborator Author

  • no, they have spacing on the sides on the png but are full width on mobile

and to crop the white space, will destroy anything?

@ah-bas-und-aer
Copy link
Collaborator Author

About the adress in the footer: I did the breakings in the costumizer because otherwise, it breaks on strange positions. How should I do it differently? On my phone it still looks the same.

@ah-bas-und-aer
Copy link
Collaborator Author

Also: Thy would like to have proof of acutality: Stand, 2024, vielfältig. GmbH somwhere small in the footer, maybe on one line with the Partner*innen but right.

@ah-bas-und-aer
Copy link
Collaborator Author

from the meeting: in mobile the Placement of the ankerpoints could be higher, when cklicking on a category the page moves to the position, but it stucks directly in the illustration. I cannot make a print right now. Because the sidebar menu is not working atm

@GuidaGG
Copy link
Owner

GuidaGG commented Feb 8, 2024

  • no, they have spacing on the sides on the png but are full width on mobile

and to crop the white space, will destroy anything?

the willl appear bigger on both desktop and mobile.

@GuidaGG
Copy link
Owner

GuidaGG commented Feb 8, 2024

About the adress in the footer: I did the breakings in the costumizer because otherwise, it breaks on strange positions. How should I do it differently? On my phone it still looks the same.

I still do not understand. How does it look, and how should it look? I removed some of the
so it looks less spacy. But send me a print.
This was on the design just 3 line text. To change something here I have to redo the input fields in the backend and redo the whole part.

@GuidaGG
Copy link
Owner

GuidaGG commented Feb 8, 2024

reduce line hight of headline (title)

  • you mean all h1 and h2 titles in the mobile?

@GuidaGG
Copy link
Owner

GuidaGG commented Feb 8, 2024

-recheck position ankerpoints (i recheck, because of what you told be in the meeting to log out wordpress

-move the logo a little bit more to the left side and over the coulumn achse, so we have a bit more space for the titles

I will have to readjust everything for this. at the moment my phone is not working, so It will be risky to do it until I can properly test.

-delete the underline below the telephone-number

cant figure out but I think its from mobile automatic detection of specific data like email and phone numbers.

@GuidaGG GuidaGG self-assigned this Feb 8, 2024
@GuidaGG GuidaGG added the paused label Feb 8, 2024
@ah-bas-und-aer
Copy link
Collaborator Author

-recheck position ankerpoints (i recheck, because of what you told be in the meeting to log out wordpress

-move the logo a little bit more to the left side and over the coulumn achse, so we have a bit more space for the titles

I will have to readjust everything for this. at the moment my phone is not working, so It will be risky to do it until I can properly test.
Okay, this has no priority

-delete the underline below the telephone-number

cant figure out but I think its from mobile automatic detection of specific data like email and phone numbers.
okay, no prio

@ah-bas-und-aer
Copy link
Collaborator Author

reduce line hight of headline (title)

* you mean all h1 and h2 titles in the mobile?

the big one (title headline)

@ah-bas-und-aer
Copy link
Collaborator Author

About the adress in the footer: I did the breakings in the costumizer because otherwise, it breaks on strange positions. How should I do it differently? On my phone it still looks the same.

I still do not understand. How does it look, and how should it look? I removed some of the so it looks less spacy. But send me a print. This was on the design just 3 line text. To change something here I have to redo the input fields in the backend and redo the whole part.
Maybe i miss somthing, but here the comparrision, on the real page, the line hight looks good, on the dev.page the line hight of the adress is too much
photo_2024-02-08 13 27 33
photo_2024-02-08 13 27 40

@ah-bas-und-aer
Copy link
Collaborator Author

  • no, they have spacing on the sides on the png but are full width on mobile

and to crop the white space, will destroy anything?

the willl appear bigger on both desktop and mobile.

Prio II, we leave it for now.

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

No branches or pull requests

2 participants