Commit graph

1265 commits

Author SHA1 Message Date
pietervdvn
1b73f0a43a Fix landscape mode 2021-01-27 02:26:57 +01:00
pietervdvn
593ac5381a Further refactoring fullscreenelement: removal of hash handling from showDataLayer 2021-01-27 01:14:16 +01:00
pietervdvn
e2e48344d6 Stuff more or less works 2021-01-25 04:21:22 +01:00
pietervdvn
149e117887 Merge master 2021-01-25 03:23:00 +01:00
pietervdvn
00f610c589 Refactoring fullscreenhandling 2021-01-25 03:12:09 +01:00
Pieter Vander Vennet
67349ee539
Merge pull request #202 from tordans/tailwind-buttons
Tailwind buttons
2021-01-25 00:36:38 +01:00
Tobias
2eecdfb9de Trying to add the landscape media query to the config
But this seems to be non-working, see https://github.com/pietervdvn/MapComplete/issues/200
2021-01-24 22:22:03 +01:00
Tobias
397a4414f3 Move custom max-height-version to Config
As it turns out, the config does work once you restart the server … 🤦
2021-01-24 22:21:28 +01:00
Tobias
e1daade961 Remove a few new lines and spaces 2021-01-24 22:20:54 +01:00
Tobias
4068931bba Add Tailwind button for save+cancel
- remove custom styles
- add new button styles based on Tailwind classes using @apply
- extend config to allow hover:ring-blue-200 and such
- update the js-files to use new classes

- Only unsure about the `.review-form .save-non-active`, this might need additional Tailwind helper classes in this specific situation. Don't know where it shows up, so could not test.
2021-01-24 22:20:40 +01:00
Tobias
2342d369d0 Shorten the "skip question" button text in GER
Same meaning, shorter size.
2021-01-24 22:17:12 +01:00
pietervdvn
3e69de3161 Updated translations 2021-01-24 19:00:43 +01:00
pietervdvn
e1a4c75391 Halfway removing the fullscreenmessage 2021-01-24 18:33:16 +01:00
pietervdvn
81f0a21076 Derping around, bit of a dead end due to transform3d in a parent 2021-01-22 01:03:50 +01:00
pietervdvn
7f1b78198a Cleaning away fullscreenmessage 2021-01-22 00:40:15 +01:00
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