mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-22 07:40:32 +00:00
fix(sidebar): organization name oneline.
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user