set full height for web embeds

Signed-off-by: grnd-alt <[email protected]>

src/App.scss

@@ -33,6 +33,35 @@
   }
 }
 
+.widgets--list{
+  background-color: red;
+  height: 100%;
+}
+
+.widgets--list > div{
+  height: 100% !important;
+}
+.widgets--list > div > div{
+  height: 100% !important;
+}
+
+.widget-custom {
+  height: 100%;
+  margin: 0 !important;
+}
+
+.widget-file--interactive{
+  background-color: blue !important;
+  height: 100% !important;
+  max-height: 100% !important;
+  min-height: unset !important;
+}
+
+.text-menubar--ready{
+  backdrop-filter: unset !important;
+  -webkit-backdrop-filter: unset !important;
+}
+
 .App {
   position: relative;
   height: 100%;

src/Embeddable.tsx

@@ -11,6 +11,6 @@ import VueWrapper from './VueWrapper'
  * @param props componentProps and component to be rendered in Vue
  */
 export default function(props) {
-	const referenceProps = { text: props.link, limit: '1', interactive: true }
+	const referenceProps = { text: props.link, limit: 1, interactive: true }
 	return React.createElement(VueWrapper, { componentProps: referenceProps, component: NcReferenceList })
 }