Migrate .answer to Tailwind

- Remove custom CSS
- Add more landscape:* helper classes
This commit is contained in:
Tobias 2021-01-21 05:19:33 +01:00
parent 7a2f4fa44a
commit 8f8e5f7636
2 changed files with 7 additions and 14 deletions

View file

@ -64,7 +64,7 @@ export default class EditableTagRendering extends UIElement {
return new Combine([this._answer, return new Combine([this._answer,
(State.state?.osmConnection?.userDetails?.data?.loggedIn ?? true) ? this._editButton : undefined (State.state?.osmConnection?.userDetails?.data?.loggedIn ?? true) ? this._editButton : undefined
]).SetClass("answer") ]).SetClass("flex w-full break-word justify-between text-default landscape:w-1/2 landscape:p-2")
.Render(); .Render();
} }

View file

@ -26,10 +26,12 @@
max-height: 100vh; max-height: 100vh;
} }
.answer { .landscape\:w-1\/2 {
max-width: 48% !important; width: 50%
padding-right: 0.3em; }
box-sizing: border-box;
.landscape\:p-2 {
padding: 0.5rem;
} }
.question { .question {
@ -47,15 +49,6 @@
} }
} }
.answer {
display: flex;
width: 100%;
font-size: large;
justify-content: space-between;
word-break: break-word;
}
.question .form-text-field > input { .question .form-text-field > input {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;