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

Fix UI regressions from 0.10.0 #441

Merged
merged 18 commits into from Jun 16, 2022
Merged

Fix UI regressions from 0.10.0 #441

merged 18 commits into from Jun 16, 2022

Conversation

Flix6x
Copy link
Contributor

@Flix6x Flix6x commented Jun 13, 2022

Fixing some of the UI regressions and/or unaddressed review comments from the 0.10.0 release.

Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
@Flix6x Flix6x added the UI label Jun 13, 2022
@Flix6x Flix6x mentioned this pull request Jun 13, 2022
Flix6x added 13 commits June 13, 2022 16:02
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
…them inconsistently across pages)

Signed-off-by: F.N. Claessen <felix@seita.nl>
Signed-off-by: F.N. Claessen <felix@seita.nl>
@Flix6x Flix6x self-assigned this Jun 14, 2022
@Flix6x Flix6x marked this pull request as ready for review June 14, 2022 09:05
@Flix6x Flix6x requested a review from nhoening June 14, 2022 09:06
Copy link
Contributor

@nhoening nhoening left a comment

Choose a reason for hiding this comment

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

Looks like thorough improvements!

@@ -177,8 +214,8 @@ p.error {
}

.navbar-default .navbar-nav>li>a {
color: var(--white);
font: 500 14px/14px 'Poppins';
Copy link
Contributor

Choose a reason for hiding this comment

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

So we are not using this font at all anymore? Why still import it, then?
I also didn't quite understand why removing a font is best described with "Get rid of serifs".

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It's still imported and used here:

body *:not(.fa, .glyphicon) {
    font-family: 'Poppins', sans-serif;
}

So basically for almost any text in the html body. The navbar is part of that body, so there was no need to override the font with a serif version of the same font.

Signed-off-by: F.N. Claessen <felix@seita.nl>
@Flix6x Flix6x added this to the 0.10.1 milestone Jun 16, 2022
@Flix6x Flix6x changed the title Fix UI regressions from 0.10 Fix UI regressions from 0.10.0 Jun 16, 2022
@Flix6x Flix6x merged commit e495c51 into main Jun 16, 2022
@Flix6x Flix6x deleted the fix-ui-regressions branch June 16, 2022 07:25
Flix6x added a commit that referenced this pull request Jun 16, 2022
Fix some UI styling regressions in e.g. color contrast and hover effects.

* Remove redundant col divs

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Add green hover effect to match red hover effect

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Improve contrast against secondary color

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Get rid of serifs in menu

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Improve contrast against secondary color

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Use secondary color for currently selected data table page

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Use secondary hover color on hover

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Split css lines to clarify

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize css of navigation components

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize css of creation/deletion buttons

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize css of other buttons

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize css ordering

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Better contrast in timezone warning

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Fix alt descriptions in header and footer

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize styling of page titles and user action buttons

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Headers 1, 2 and 3 get the same font size for now (we had been using them inconsistently across pages)

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Synchronize litepicker styling

Signed-off-by: F.N. Claessen <felix@seita.nl>

* Changelog entry under 0.10.1

Signed-off-by: F.N. Claessen <felix@seita.nl>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants