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

UI improvements - forms #172

Open
wants to merge 10 commits into
base: 131-main-ui
Choose a base branch
from
Open

UI improvements - forms #172

wants to merge 10 commits into from

Conversation

jonathanbataire
Copy link

@jonathanbataire jonathanbataire commented May 14, 2024

Description

This PR is 3/3 of #168 and #157
Fixes #131

</div>
<div class="">
<button id="place_create_submit" class="btn">Save</button>
<a href="/" class="clear-btn" class="button">Cancel</a>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we have both a btn and button class? Also the Save button casts a shadow but the cancel one doesn't even though they should be visually on the save level

padding: 5px 10px;
cursor: pointer;
&:hover {
background-color: #337ab7;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This color is too strong for the hover state

<td>false</td>
<td>Name of a <i>{{ contactType.friendly }} to replace</i> (leave blank to create new)</td>
</tr>
<div style="width: 70%; margin-bottom: 10px;" id="bulk-upload-file">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lets not use inline styles like this

</div>
<div>
<button id="place_create_submit" class="btn">Add</button>
<a href="/" id="cancel" class="clear-btn">Cancel</a>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These two buttons should be on the same visual level but use the of class btn adds a shadow to the Add button

<td>Name of place {{ row.level }} above in hierarchy</td>
</tr>
{% endfor %}
<div class="table-container">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can do without the shadow on this table

@jonathanbataire
Copy link
Author

@freddieptf this is ready for review

@jonathanbataire
Copy link
Author

@freddieptf requesting review here this is ready

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

Successfully merging this pull request may close these issues.

2 participants