rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-11-29 10:24:20 +01:00
Code Issues Releases Activity

adjuste packs pricing popover position

Browse Source
This commit is contained in:
Du Peng 2021-08-03 17:03:03 +02:00
parent a7126117be
commit 1fdf3d35b5
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/frontend/src/javascript/components/pricing/configure-packs-button.tsx
View File

@ -68,7 +68,7 @@ export const ConfigurePacksButton: React.FC<ConfigurePacksButtonProps> = ({ pack
<button className="packs-button" onClick={toggleShowList}>
<i className="fas fa-box" />
</button>
{showList && <FabPopover title={t('app.admin.configure_packs_button.packs')} headerButton={renderAddButton()}>
{showList && <FabPopover title={t('app.admin.configure_packs_button.packs')} headerButton={renderAddButton()} className="fab-popover__right">
<ul>
{packs?.map(p =>
<li key={p.id} className={p.disabled ? 'disabled' : ''}>

18
app/frontend/src/stylesheets/modules/base/fab-popover.scss
View File

@ -33,6 +33,24 @@
border-right: 6px solid transparent;
border-bottom: 6px solid #f0f0f0;
}
&__right {
left: -243px;
&::before {
left: 250px;
}
&::after {
left: 251px;
}
}
&__left {
left: -7px;
&::before {
left: 14px;
}
&::after {
left: 15px;
}
}
.popover-title {
padding: .5rem 1rem;
margin-bottom: 0;