Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Add bottom border line to menubar
Better visual separation of menubar and editor content, especially when
scrolling long content.

Signed-off-by: Jonas <[email protected]>
  • Loading branch information
mejo- committed Sep 15, 2024
commit 90696a24462000ead3e54b8f1dd785305158eee5
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