LogalDeveloper/owncast
0
Fork 0
Code Activity

NotifyReminderPopup uses a custom Popover (#3194)

Browse Source 
* NotifyReminderPopup uses a custom Popover

* fix Popover resizing in storybook

* Prettified Code!

---------

Co-authored-by: janWilejan <>
Co-authored-by: janWilejan <janWilejan@users.noreply.github.com>
This commit is contained in:
janWilejan
2023-07-21 22:58:14 +00:00
committed by GitHub
parent 42c176f783
commit f112f9813d
4 changed files with 80 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/components/ui/Popover/Popover.module.scss Normal file
View File

@@ -0,0 +1,37 @@
.anchor {
position: relative;
left: 50%;
width: 0;
height: 0;
}
.popover {
background-color: var(--theme-color-components-primary-button-background);
position: absolute;
bottom: 10px;
right: -20px;
border-radius: 5px;
width: max-content;
}
.popover>.title {
padding: 10px;
padding-bottom: 0;
}
.popover>.content {
padding: 10px;
padding-top: 0;
}
// Popover tail
.popover::after {
content: '';
border: 10px solid transparent;
border-top-color: var(--theme-color-components-primary-button-background);
right: 10px;
position: absolute;
}