STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

ellipsis on overflow

Browse Source
This commit is contained in:
James Collins
2023-01-26 12:07:44 +10:00
parent ddc19c5d6c
commit b3240baf8c
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/SMBreadcrumbs.vue
View File

@@ -105,6 +105,7 @@ const breadcrumbs = computed(() => {
max-width: 1200px; max-width: 1200px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 0 1rem 0 0;
list-style-type: none; list-style-type: none;
font-size: 75%; font-size: 75%;
color: $secondary-color-dark; color: $secondary-color-dark;
@@ -118,6 +119,13 @@ const breadcrumbs = computed(() => {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0; margin: 0;
overflow: hidden;
span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&:not(:last-child):after { &:not(:last-child):after {
display: inline-block; display: inline-block;