luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

backport of commit fcd6f01761c6ca0c481b29591df26e0e59fd1f95 (#22759) 

Co-authored-by: Cinthia Conti <cinthiaconti@gmail.com>
This commit is contained in:
hc-github-team-secure-vault-core 2023-09-05 13:01:38 -04:00 committed by GitHub
parent d2eb98e2cf
commit fc918919eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
changelog/_22733.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:bug
ui: fixes long namespace names overflow in the sidebar
```

6
ui/app/styles/components/namespace-picker.scss
View File

@ -25,11 +25,6 @@
margin-right: $spacing-xxs; margin-right: $spacing-xxs;
} }
.namespace-name {
font-size: 1rem;
margin-left: $spacing-xs;
}
.namespace-picker-content { .namespace-picker-content {
width: 250px; width: 250px;
max-height: 300px; max-height: 300px;
@ -46,7 +41,6 @@
max-width: 210px; max-width: 210px;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all;
word-break: break-word; word-break: break-word;
} }

4
ui/app/styles/helper-classes/typography.scss
View File

@ -75,6 +75,10 @@
text-align: right !important; text-align: right !important;
} }
.has-text-left {
text-align: left;
}
.has-text-centered { .has-text-centered {
text-align: center !important; text-align: center !important;
} }

4
ui/app/templates/components/namespace-picker.hbs
View File

@ -5,9 +5,9 @@
class="button is-transparent namespace-picker-trigger has-current-color" class="button is-transparent namespace-picker-trigger has-current-color"
data-test-namespace-toggle data-test-namespace-toggle
> >
<div class="is-flex-center"> <div class="is-flex-center is-flex-1">
<Icon @name="org" /> <Icon @name="org" />
<span class="namespace-name">{{this.namespaceDisplay}}</span> <span class="is-flex-1 is-word-break has-text-left is-size-6 has-left-margin-xs">{{this.namespaceDisplay}}</span>
</div> </div>
<Icon @name="caret" /> <Icon @name="caret" />
</D.Trigger> </D.Trigger>