Commit graph

1000 commits

Author SHA1 Message Date
Pieter Vander Vennet
9959b8ef51
Merge pull request #183 from tordans/add-tailwind-for-homepage
Add TailwindCSS and apply it on the homepage
2021-01-21 23:58:10 +01:00
pietervdvn
6c4b15e33d Add various bug fixes and improvements 2021-01-21 23:39:31 +01:00
Tobias
15a9441b1d Fix question styling (but break click action)
This fixes the styling but breaks the click action. Clicking on the text itself also triggers the action, clicking on the blank sapce next to it changes the label but does not trigger the action.

Generally speaking the style is easier to apply to an element that wraps the in put and the label-text. This could be the label-tag or a different wrapper.
2021-01-21 06:03:34 +01:00
Tobias
1b6178a66a Questions: Add border botton
First try to differentiate one question/answer from the next.
2021-01-21 05:55:52 +01:00
Tobias
743a972a50 Questions: Remove <br> Tags
Instead use block elements
2021-01-21 05:55:25 +01:00
Tobias
e1568876b8 Refactor htmlElement to Template literals
Makes it a bit easier to read.
2021-01-21 05:53:59 +01:00
Tobias
61964a801f Remove empty spaces
Default Setting by my editor. Let me know I you want to keep them.
2021-01-21 05:52:36 +01:00
Tobias
8f8e5f7636 Migrate .answer to Tailwind
- Remove custom CSS
- Add more landscape:* helper classes
2021-01-21 05:19:33 +01:00
Tobias
7a2f4fa44a Migrate featureinfobox to Tailwind
- migrate featureinfobox to Tailwind
- migrate featureinfobox-content to Tailwind
- migrate fullscreenmessage-content to Tailwind so we can delete css/fullscreenmessagebox.css

The landscape-mode is somethign that Tailwind does not support AFAIK. Instead, I migrated the one css-definition that was left over but required to a tailwind-like class name `.landscape\:max-h-screen`. Note the escaped colon with is required so css supports colon based class names.
2021-01-21 05:05:10 +01:00
Tobias
3f34e288db Introduce max-h-65vh
I need this to refactor the featureinfobox and sub-classes.

Ideally we could add this class via tailwind.config.js but for some reason it does not work; the class does not appear in the index.css file.

As a workaround I added it differently, but still we should probably figure out why the config file does not work as expeced.
2021-01-21 04:48:52 +01:00
Tobias
b8377630af Migrate featurebox-title (…) to Tailwind (2)
Forgot those in e3b7c7d
2021-01-20 23:02:27 +01:00
Tobias
e3b7c7ddc6 Migrate featurebox-title (…) to Tailwind 2021-01-20 23:00:11 +01:00
Tobias
d9040db12a Add label for language switcher
This is what I meant with " Optionally add translation for the lang-switcher-label". I added it inline since I dont know how the translation system works, yet. Feel free to revert this change; the label is not too importat IMO.
2021-01-20 22:24:00 +01:00
Tobias
f5504d28f4 Migrate centermessage to Tailwind
Migrate most attributes to Tailwind classes. The box is a bit wider now, which is OK IMO. The z-index could be migrated to a custom Tailwind config-entry later. The transition has probably a Tailwind version as well (to be checked later…).
2021-01-20 22:14:26 +01:00
Tobias
66cb835ff0 Use parent-border for profile pic
This changes the layout slighly. The image has a sharp edge to the right, which works very well IMO. We would also add custom tailwind border classes if needed.
2021-01-20 21:58:15 +01:00
Tobias
95b44897f9 Spacing for Login, Search, Help
Same spacing left, right, top using Tailwind
2021-01-20 21:56:38 +01:00
Tobias
7556c7a4b1 layer-selection uses more Tailwind
- Tailwind for border radius, same as other elements
- Tailwind for placement
2021-01-20 21:56:11 +01:00
Tobias
871f512c0d Move border custom css to Tailwind Class
- migrate custom css to Tailwind class
- introduce class-parameter for `AsImageElement`
- migrate width of login button to Tailwind class
2021-01-20 21:48:47 +01:00
Tobias
d3b39fbe54 Remove <br> above open-welcom-message
Use Tailwind Class styles instead.
2021-01-20 21:26:29 +01:00
Tobias
3b385c56e3 Use DIV instead of SPAN, remove newline
Makes it a little bit easier to read.
2021-01-20 21:04:26 +01:00
Tobias
0443de44b6 Index: Center index content
This is only for the lg-Screen-size. It makes the content use more space and be more centered in the screen.

Wanted to use some Tailwind-Center-Class but didn't manage to. This works as well.
2021-01-20 20:40:40 +01:00
Tobias
dc9b2d382b Clarify link styles for Streetcomplete and "here".
- Add dot at the end of the sentence.
- Add regular and hover link style.
2021-01-20 20:39:35 +01:00
pietervdvn
1df25ff91e Resolved accidentally commited merge conflict 2021-01-18 19:46:37 +01:00
pietervdvn
4baf47b868 Fix to-the-map 2021-01-18 19:44:26 +01:00
pietervdvn
db91c5ead4 Fixing css styling bugs, most works correctly now 2021-01-18 19:36:19 +01:00
Pieter Vander Vennet
977991cced
Merge pull request #184 from chrneumann/feature/translate-climbing-layer
Add missing translations for climbing layer.
2021-01-18 13:40:55 +01:00
Christian Neumann
f95c119bb3 Add missing translations for climbing layer. 2021-01-18 11:51:18 +01:00
pietervdvn
16458d4fec Fixes creating images with sharp instead of svg2img, add playground icon as svg 2021-01-18 03:25:15 +01:00
pietervdvn
923b86b507 Experimenting with tailwind: splitting the index intro into a separate class; adding the logo 2021-01-18 02:51:42 +01:00
pietervdvn
6864ba4fd6 Merge branch 'master' into add-tailwind-for-homepage 2021-01-18 01:52:37 +01:00
pietervdvn
b104feb080 Disable creating new images; changed staging deploy 2021-01-18 01:52:15 +01:00
pietervdvn
0fee4cae58 Fix build 2021-01-18 01:48:08 +01:00
pietervdvn
ccc1f8eff5 Small fixes 2021-01-17 23:06:05 +01:00
Tobias
21d2dc52c2 Remove spacing from the homepage
Those spaces where added back via Tailwind.
2021-01-17 21:15:53 +01:00
Tobias
de1ac89425 Fixme comment to add the logo to the index-header 2021-01-17 21:15:14 +01:00
Tobias
4c59ea3b1e Tailwind for List of Themes
Style the list of themes with Tailwind. Add wrapper around the list of themes.

The non-linked list items are still TODO.

Also move the Streetcomplete-Note below the list and also the custom-build-Request-Line.
2021-01-17 21:14:48 +01:00
Tobias
740b54e476 Use Combine instead of VerticalCombine
This gets rid of the added SPAN-tag with ID.
2021-01-17 21:11:57 +01:00
Tobias
40b6b97521 Tailwind the Language picker
Changes the style and gives Class the ability to receive css-classes. There should also be a label-text given; something like "Change language" which is then hidden for `sr-only`.
2021-01-17 21:06:54 +01:00
Tobias
415010ba47 Reset Loading message once loaded
The message was visible on the page in situations when there was content above. This resets it at least for one situation.
2021-01-17 21:05:20 +01:00
Tobias
c2ee058682 Remove a few empty spaces and line breaks
Most it is done by my editor automatically.
2021-01-17 21:04:37 +01:00
Tobias
4aebf05918 Tailwind for H1 + Subline 2021-01-17 21:02:56 +01:00
Tobias
f07e595830 Add TailwindCSS
Following https://tailwindcss.com/docs/installation
2021-01-17 21:01:44 +01:00
Tobias
946572a31c Create .tool-versions
Specify a node version so the installer does not complain. The .tool-versions file is used by `asdf`
2021-01-17 20:59:21 +01:00
pietervdvn
fa4fb71e06 Small tweaks, stabilizing local source cache 2021-01-15 01:57:46 +01:00
pietervdvn
f33fe081d0 Add caching into local storage for a faster map experience 2021-01-15 00:29:07 +01:00
pietervdvn
3a2d654ac3 Also remove destkop decoration in index 2021-01-14 23:33:35 +01:00
pietervdvn
092c12a449 Add overview of all themes if none are defined 2021-01-14 22:25:11 +01:00
pietervdvn
7a2b99a566 Merge branch 'master' into develop 2021-01-13 16:18:51 +01:00
pietervdvn
137e25037c Fix various small typos 2021-01-12 20:46:01 +01:00
pietervdvn
6a254e10e5 Add operator to vending machine 2021-01-09 02:32:05 +01:00