lfajardo
/
cloud_bbb
mirror of https://github.com/sualko/cloud_bbb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: max dialog height

pull/63/head
sualko 2020-06-16 17:02:50 +02:00
parent db9566c399
commit 4b33890938
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ts/Manager/App.scss
View File

@ -2,6 +2,11 @@
background-image: url('../../img/chain-plus.svg'); background-image: url('../../img/chain-plus.svg');
} }
.oc-dialog.bbb-dialog {
max-height: calc(100% - 70px);
margin-top: 25px;
}
#bbb-warning { #bbb-warning {
padding: 1em; padding: 1em;
background-color: rgb(255, 255, 123); background-color: rgb(255, 255, 123);

2
ts/Manager/Dialog.tsx
View File

@ -15,7 +15,7 @@ const Dialog: React.FC<Props> = ({open, title, children, onClose = () => undefin
return ( return (
<> <>
<div className="oc-dialog-dim"> </div> <div className="oc-dialog-dim"> </div>
<div className="oc-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}> <div className="oc-dialog bbb-dialog" tabIndex={-1} role="dialog" style={{display:'inline-block', position: 'fixed'}}>
<h2 className="oc-dialog-title">{title}</h2> <h2 className="oc-dialog-title">{title}</h2>
<a className="oc-dialog-close" onClick={ev => {ev.preventDefault(); onClose();}}></a> <a className="oc-dialog-close" onClick={ev => {ev.preventDefault(); onClose();}}></a>