github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-02 01:25:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

Make headline visible if title is short

Browse Source 
Fixes #4101
This commit is contained in:
Yannick Mol
2021-02-16 23:10:57 +01:00
parent 7d26a6bf1c
commit eb5ef8212d
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/views/private/components/header-bar/header-bar.vue
View File

@@ -9,7 +9,7 @@
</div>
<div class="title-container" :class="{ full: !$scopedSlots['title-outer:append'] }">
<div class="headline">
<div class="headline" v-if="$scopedSlots['headline']">
<slot name="headline" />
</div>
@@ -116,8 +116,7 @@ export default defineComponent({
.title-container {
position: relative;
display: flex;
align-items: center;
display: grid;
max-width: calc(100% - 12px - 44px - 120px - 12px - 8px);
height: 100%;
margin-left: 16px;
@@ -138,9 +137,12 @@ export default defineComponent({
}
.headline {
position: absolute;
position: relative;
top: 2px;
left: 0;
display: flex;
align-items: center;
margin-bottom: -20px;
overflow: hidden;
color: var(--foreground-subdued);
white-space: nowrap;
opacity: 1;