Skip to content

Conversation

@rquazi
Copy link
Member

@rquazi rquazi commented Nov 1, 2022

Description

Added the footer with new design for SD-Connect frontend and also fixed the font of the application. It also fixes the floating footer bug.

Type of change

Testing

  • Unit Tests
  • Integration Tests
  • Tests do not apply
  • Needs testing (start an issue or do a follow up PR about it)

@rquazi rquazi requested review from hannyle and sampsapenna November 1, 2022 11:39
@rquazi
Copy link
Member Author

rquazi commented Nov 10, 2022

I think now this is ready for review. I have done both new footer and font changes in this branch as they were very minor changes.

@csc-felipe
Copy link
Contributor

csc-felipe commented Nov 11, 2022

Rebasing should solve the python tests, fixed on #825

Copy link
Member

@sampsapenna sampsapenna left a comment

Choose a reason for hiding this comment

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

Approving, though I'd recommend a rebase as well before merging 👍🏼

@rquazi
Copy link
Member Author

rquazi commented Nov 14, 2022

I have done the rebase and now python tests are successful. Will you check and merge this to devel @sampsapenna :)

Copy link
Contributor

@csc-felipe csc-felipe left a comment

Choose a reason for hiding this comment

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

This looks great, and we should have the tests passing before merging.

You added new words, and they also need to be added to the dictionary file. You can check the Github Actions details to see which words are missing from there.

Let me know if you need help understanding the spellcheck.

@rquazi
Copy link
Member Author

rquazi commented Nov 14, 2022

ok :)

Copy link
Contributor

@hannyle hannyle left a comment

Choose a reason for hiding this comment

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

The footer and font look nice to me! 👍

I think we can still improve some things:

On my screen, the footer still looks like blocking the content.
Screenshot 2022-11-14 at 14 12 35

And if I resize the window to be smaller, the footer content disappears.
Screenshot 2022-11-14 at 14 24 59

@sampsapenna
Copy link
Member

sampsapenna commented Nov 14, 2022

The footer and font look nice to me! +1

I think we can still improve some things:

On my screen, the footer still looks like blocking the content.

@hannyle Footer content seems like an issue indeed. About the footer blocking content, the content can now be scrolled back into view, at least when I've tried.

@rquazi
Copy link
Member Author

rquazi commented Nov 15, 2022

I will check the footer content problem as soon as I can.

@rquazi
Copy link
Member Author

rquazi commented Nov 15, 2022

The issue of footer content disappearing seems to be related to the nav element resizing which I am using for the the footer. I found what is causing and will try to fix it.

@csc-felipe
Copy link
Contributor

I agree that the footer blocking the content needs to be resolved as well, but if it belongs to this PR or not, I don't know.

@rquazi
Copy link
Member Author

rquazi commented Nov 18, 2022

Both the issues of footer text disappearing and blocking content has been fixed now and also spelling error check also fixed @csc-felipe @hannyle

Comment on lines 15 to 18
:alt="$t('message.footerMenu.csc')"
>{{
$t("message.footerMenu.csc")
}}</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

If we could have the codes in their correct lines and indentation, for example this one, it would be nicer to read :)

Comment on lines 23 to 36
<div class="navbar-end" id="rightmenu">
<div class="navbar-item smalltext">
<a class="linktext"
href="https://research.csc.fi/-/sd-connect"
:alt="$t('message.footerMenu.servicedescription')"
>{{
$t("message.footerMenu.servicedescription")
}}</a>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

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

Also as an example, this part should have correct indentation, space and lines as well :)

Comment on lines 61 to 62
.navbar{
background-color:#DFE1E3;
Copy link
Contributor

Choose a reason for hiding this comment

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

I think since we also have #DFE1E3 in here https://github.com/CSCfi/swift-browser-ui/blob/feature/new-footer/swift_browser_ui_frontend/src/css/csc.scss#L20, maybe we could use it as a variable instead ?

Copy link
Member Author

Choose a reason for hiding this comment

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

Thank you @hannyle. I will fix those.

@hannyle hannyle merged commit c3840f2 into devel Jan 5, 2023
@hannyle hannyle deleted the feature/new-footer branch January 5, 2023 12:50
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.

5 participants