-
Notifications
You must be signed in to change notification settings - Fork 12
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
BC-7032 - new topbar #3449
base: main
Are you sure you want to change the base?
BC-7032 - new topbar #3449
Conversation
} | ||
} | ||
|
||
const toggleIcon = document.querySelector('#group-toggle-icon'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
As this is an id, is #group-toggle-icon
really unique in the document? Or should we rather use a class?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
True, it's not. Good point, thank you!
@@ -31,7 +31,7 @@ | |||
{{/if}} | |||
<span class="link-name">{{../name}}</span> | |||
</div> | |||
<i class="mdi mdi-chevron-down" aria-hidden="true"></i> | |||
<i id="group-toggle-icon" class="mdi mdi-chevron-down" aria-hidden="true"></i> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Doesn't look like this is a unique css id.
@@ -0,0 +1,60 @@ | |||
<nav id="top-navbar" class="topbar"> | |||
<button class="icon-btn sidebar-toggle" title="{{$t "lib.loggedin.label.sidebarMenu"}}" aria-label="{{$t "lib.loggedin.label.sidebarMenu"}}"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Quality Gate failedFailed conditions See analysis details on SonarCloud Catch issues before they fail your Quality Gate with our IDE extension SonarLint |
Description
To ensure a consistent layout and create the possibility for broader content width, we want to refactor the topbar to use Vuetify components.
Links to Tickets or other pull requests
https://ticketsystem.dbildungscloud.de/browse/BC-7032
hpi-schul-cloud/dof_app_deploy#872
Changes
Data Security
Deployment
New Repos, NPM packages or vendor scripts
Screenshots of UI changes
Approval for review