Skip to content

Commit

Permalink
Add bottom border line to menubar
Browse files Browse the repository at this point in the history
Better visual separation of menubar and editor content, especially when
scrolling long content.

Signed-off-by: Jonas <jonas@freesources.org>
  • Loading branch information
mejo- authored and backportbot[bot] committed Sep 16, 2024
1 parent 888a183 commit ef3d8c8
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/components/Menu/MenuBar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -227,6 +227,7 @@ export default {
background-color: var(--color-main-background-translucent);
backdrop-filter: var(--background-blur);
max-height: var(--default-clickable-area); // important for mobile so that the buttons are always inside the container
border-bottom: 1px solid var(--color-border);
padding-top:3px;
padding-bottom: 3px;
Expand Down
3 changes: 3 additions & 0 deletions src/components/Menu/ReadonlyBar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,9 @@ export default defineComponent({
<style scoped>
.text-readonly-bar {
display: flex;
border-bottom: 1px solid var(--color-border);
padding-top: 3px;
padding-bottom: 3px;
}
.text-readonly-bar__entries {
display: flex;
Expand Down

0 comments on commit ef3d8c8

Please sign in to comment.