fix(sidebar): organization name oneline.

This commit is contained in:
a.bouhuolia
2021-03-14 17:37:32 +02:00
parent 372829c9d2
commit e130441088
2 changed files with 14 additions and 2 deletions

View File

@@ -7,7 +7,7 @@ import { compose, firstLettersArgs } from 'utils';
// Popover modifiers. // Popover modifiers.
const POPOVER_MODIFIERS = { const POPOVER_MODIFIERS = {
offset: { offset: '20, 8' }, offset: { offset: '28, 8' },
}; };
/** /**
@@ -24,6 +24,7 @@ function SidebarHead({
<div className="sidebar__head-organization"> <div className="sidebar__head-organization">
<Popover <Popover
modifiers={POPOVER_MODIFIERS} modifiers={POPOVER_MODIFIERS}
boundary={'window'}
content={ content={
<Menu className={'menu--dashboard-organization'}> <Menu className={'menu--dashboard-organization'}>
<div class="org-item"> <div class="org-item">

View File

@@ -54,6 +54,7 @@
padding: 0; padding: 0;
min-height: auto; min-height: auto;
min-width: auto; min-width: auto;
max-width: 100%;
font-weight: 600; font-weight: 600;
outline: 0; outline: 0;
font-size: 15px; font-size: 15px;
@@ -69,16 +70,26 @@
} }
.bp3-button-text { .bp3-button-text {
margin-right: 4px; margin-right: 4px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
} }
svg { svg {
fill: rgba(255, 255, 255, 0.3); fill: rgba(255, 255, 255, 0.3);
} }
} }
.bp3-popover-wrapper,
.bp3-popover-target{
max-width: 100%;
display: inline-block;
}
.subtitle { .subtitle {
display: block; display: block;
font-size: 12px; font-size: 12px;
margin-top: 6px; margin-top: 8px;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
} }