Elements misaligned on new task creation page

VERIFIED FIXED

Status

VERIFIED FIXED
5 years ago
4 months ago

People

(Reporter: whimboo, Assigned: bsilverberg, Mentored)

Tracking

Details

(Whiteboard: [lang=css][lang=html])

Attachments

(1 attachment)

Created attachment 8448553 [details]
screenshot.png

The new page to create tasks contains elements which are misaligned or have wrong dimensions, so that icons are not centered and text is cut-off. That's at least for Linux on my machine. See the screenshot.

* Title and description have different width
* Lesser space between keywords and estimated time rows
* Drop downs too tiny so that text is cut-off
* Calendar icon not centered
(Assignee)

Comment 1

5 years ago
I wrote the html and css for that page and making things look good is definitely not my forte. It does not have all of those issues on my Mac, but it does have some of them.

I wonder if we can find a contributor who is interested in doing some pure css work who can improve this page?
(In reply to Bob Silverberg [:bsilverberg] from comment #1)
> I wonder if we can find a contributor who is interested in doing some pure
> css work who can improve this page?

Best would be to make it a mentored bug, so it's covered by bugsahoy. If you have questions about what to do, please let me know.
(Assignee)

Updated

5 years ago
Mentor: bob.silverberg
Whiteboard: [lang=css][lang=html]

Updated

5 years ago
Status: NEW → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → FIXED
(Assignee)

Comment 3

5 years ago
@udeepak010: I think you closed this by mistake. This issue has not been fixed. I am reopening it. Would you like to comment on what change you intended to make to this bug?
Status: RESOLVED → REOPENED
Resolution: FIXED → ---

Comment 4

5 years ago
Bob Silverberg:Sorry I think I did it by mistake.

Comment 5

5 years ago
Bob Silverberg: could you tell me what has to be done to solve this bug?
@udeepak010: everything that needs to be done is listed in Comment 1, along with the screenshot showing the issue.

Comment 7

5 years ago
Rebecca Billings: I am not able to locate the form. Could you please tell me where the form is located?
Flags: needinfo?(rbillings)
Flags: needinfo?(bob.silverberg)
(Assignee)

Comment 8

5 years ago
Ah, yes, that form is only available to administrators. You would need to get a copy of the site running locally in order to see it, and you would need to look at and edit the source files for the css as well, as the version that is served is post-processed.

You can find instructions for running the site locally at https://github.com/mozilla/oneanddone/blob/master/README.md
Flags: needinfo?(bob.silverberg)
It sounds like :bsilverberg answered your question, please comment if it did not.
Flags: needinfo?(rbillings)

Comment 10

5 years ago
Rebecca Billings: I am a beginner to bugzilla. I am not aware of getting a local copy of the site run locally.
and I am not able to locate the form in github.
Flags: needinfo?(rbillings)
(Assignee)

Comment 11

5 years ago
The code for the form can be found at https://github.com/mozilla/oneanddone/blob/master/oneanddone/tasks/templates/tasks/form.html, but that is only part of the equation. You need to know a bit about django in order to know what changes to make and which files are affected. You would still need to have the site running in order to test any changes you made, and I acknowledge that doing that is not really a  beginner-level task. If you do not feel up to tackling that you might want to consider finding a different task to help with.

Comment 12

5 years ago
Thank you Bob Silverberg. I would rather come back to solve this bug after gaining some experience.
(Assignee)

Comment 13

5 years ago
udeepak010: I did not mean to be discouraging.

If you are interested in learning about how we maintain django websites you could start with the steps detailed at https://github.com/mozilla/oneanddone/blob/master/README.md which will guide you through getting the site running locally. They assume you already have Python and Git installed, but those are pretty easy to install. If you give it a try and have any questions you can ask on IRC at irc.mozilla.org in #webdev. When I am working I can be found there, or others can help as well.

If that's not something you are particularly interested in, or don't want to commit the time to that for now, then you could look at helping out with Mozmill again, which is something I understand you have done before. whimboo would be happy to help you out with that.

Comment 14

5 years ago
Bob Silverberg: Thank you for this. I would try my best to understand the working of Django and solve this bug as soon as possible.
Flags: needinfo?(rbillings)
(Assignee)

Updated

5 years ago
Assignee: nobody → bob.silverberg
(Assignee)

Comment 15

5 years ago
Landed in https://github.com/mozilla/oneanddone/commit/8fda4d9d8f04d699a5295fabcf5b83982235f15c

Changes have been pushed to dev and staging for verification
Status: REOPENED → RESOLVED
Last Resolved: 5 years ago5 years ago
Resolution: --- → FIXED
Looks good on staging
Verified on production
Status: RESOLVED → VERIFIED
(Assignee)

Comment 18

5 years ago
Commit pushed to master at https://github.com/mozilla/oneanddone

https://github.com/mozilla/oneanddone/commit/8fda4d9d8f04d699a5295fabcf5b83982235f15c
Merge pull request #180 from bobsilverberg/task_form_style

Updated

4 months ago
Product: Mozilla QA → Mozilla QA Graveyard
You need to log in before you can comment on or make changes to this bug.