scss fixes: year selector width, dropdown menu width, navbar refactoring

[infeeeee]

Description

Small scss fixes:

• The width of the restart activities dropdown follows the content, checked on mobile, it's ok(max-width set)
• Half of the last character of the time selector was hidden for me, now it doesn't cut that.
• I also refractored the navbar.scss, so it more looks like a proper scss file.

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• My code follows the code style
• All files have a license header
• All methods have a doc header with type declarations
• I have updated the documentation accordingly
• I have added tests to cover my changes

[kevinpapst]

What exactly do you mean with

Half of the last character of the time selector was hidden for me, now it doesn't cut that.

I tried to reproduce it in Safari / Chrome / Firefox, but couldn't find it.
You meant years-selector and not time-selector, right?

[infeeeee]

It's on firefox 65 on linux. On windows, it was ok as well.

I created screenshots to demonstrate the problem: imgur. These images are from the demo install.
These images are from gnome on ubuntu, but on my main PC it's kde plasma on ubuntu, and the problem was the same.

I checked that this width:unset doesn't affect other browsers, so it solves this minor problem somehow

[kevinpapst]

Okay, Firefox 65 here as well, but on Mac ... I'll test with a couple of browsers and merge afterwards.
Thanks 👍

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. If you use Kimai on a daily basis, please consider donating to support further development of Kimai.