kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(frontend): drop Bulma components/navbar import 

.navbar and .navbar-end are only used in AppHeader.vue. Ports the
relevant rules (z-index 30 and min-block-size: $navbar-height) into
its scoped <style> block and drops the partial import.
This commit is contained in:
kolaente 2026-04-16 14:18:10 +02:00 committed by kolaente
parent 10ec3b55b0
commit 10e5fa915a
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/home/AppHeader.vue
View File

@ -164,10 +164,12 @@ $user-dropdown-width-mobile: 5rem;
inset-block-start: 0;
inset-inline-start: 0;
inset-inline-end: 0;
z-index: 30;
display: flex;
justify-content: space-between;
gap: var(--navbar-gap-width);
min-block-size: $navbar-height;
background: var(--site-background);
@ -257,8 +259,6 @@ $user-dropdown-width-mobile: 5rem;
}
.navbar-end {
margin-inline-start: 0; // overrides bulma core styles
margin-inline-end: 0; // overrides bulma core styles
flex: 0 0 auto;
display: flex;
align-items: stretch;

2
frontend/src/styles/global.scss
View File

@ -50,7 +50,7 @@
@import "bulma-css-variables/sass/components/menu";
//@import "bulma-css-variables/sass/components/message"; // not used
// @import "bulma-css-variables/sass/components/modal"; // not used; Modal.vue owns its own dialog-based styles
@import "bulma-css-variables/sass/components/navbar";
// @import "bulma-css-variables/sass/components/navbar"; // not used; ported into AppHeader.vue
@import "bulma-css-variables/sass/components/pagination";
// @import "bulma-css-variables/sass/components/panel"; // not used
// @import "bulma-css-variables/sass/components/tabs"; // not used