ywana-core8 0.0.319 → 0.0.322

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.319",
+  "version": "0.0.322",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/CollectionPage.css

@@ -20,8 +20,13 @@ menu.collection-page>main {
     overflow:auto;
 }
 
-.collection-page .content-editor .selected {
-    /*background-color: #FBFBFB !important;*/
+main.collection-page {
+    display: flex;
+    flex-direction: column;
+}
+
+.collection-page .content-editor {
+    flex: 1;
 }
 
 .collection-page .content-editor>section {
@@ -35,4 +40,12 @@ menu.collection-page>main {
     border-width: 0 1px 1px 1px;
     background-color: var(--paper-color);
     padding: 0 1rem 1rem 1rem;
-}
+}
+
+.collection-page > article {
+    padding: 1rem;
+    display: flex;
+    max-height: 50%;
+    overflow: hidden;
+}
+

package/src/domain/CollectionPage.js

@@ -15,7 +15,7 @@ import "./CollectionPage.css"
 export const CollectionPage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "collection", icon, title, name = "Collection 1", schema, url, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect } = props
+    const { id = "collection", icon, title, name = "Collection 1", schema, url, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
     const [pageContext, setPageContext] = useContext(PageContext)
     const context = CollectionContext(url, field, host)
 
@@ -59,6 +59,7 @@ export const CollectionPage = (props) => {
             </menu>
             <main key={id} className="collection-page">
                 <CollectionEditor icon={icon} schema={schema} layout={editor} autosave={autosave} delay={delay} />
+                {children ? <article>{children}</article> : null}
             </main>
         </Fragment>
     )

package/src/domain/TablePage.css

@@ -18,9 +18,9 @@ main.table-page>header {
 
 main.table-page > article {
     padding: 1rem;
-    height: 50%;
     display: flex;
-    resize: vertical;
+    max-height: 50%;
+    overflow: hidden;
 }
 
 aside.table-page {

package/src/domain/TablePage.js

@@ -34,7 +34,6 @@ export const TablePage = (props) => {
     const { selected } = pageContext
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
-    const [showChildren, setShowChildren] = useState(true)
 
     useEffect(() => {
         setForm(selected)
@@ -128,14 +127,9 @@ export const TablePage = (props) => {
         })
     }
 
-    function toggleChildren() {
-        setShowChildren(!showChildren)
-    }
-
     return (
         <Fragment>
             <Header className="table-page" title={<Text>{title}</Text>}>
-                {children ? <Icon icon="info" clickable action={toggleChildren} /> : null}
                 {canAdd ? <Button icon="add" label="Añadir" action={add} raised /> : null}
                 {dev ? (
                     <MenuIcon align="alignRight">
@@ -151,8 +145,8 @@ export const TablePage = (props) => {
                 </menu>
             ) : null}
             <main key={id} className="table-page">
-                {children && showChildren ? <article>{children}</article> : null}
                 <TableEditor icon={icon} title={name} schema={schema} delay={delay} editable={editable} groupBy={groupBy} filter={tableFilter} actions={tableActions} canDelete={canDelete} />
+                {children ? <article>{children}</article> : null}
             </main>
             {renderAside()}
         </Fragment>