diff --git a/app/app.web.view.css.ts b/app/app.web.view.css.ts index 5941d14..6571b61 100644 --- a/app/app.web.view.css.ts +++ b/app/app.web.view.css.ts @@ -1,71 +1,75 @@ namespace $.$$ { + $mol_style_define($optimade_cifplayer_app, { + contain: 'none', // otherwise in fullscreen 'fixed' positions plot relative to parent is not in the viewport - $mol_style_define( $optimade_cifplayer_app, { + '[mol_drop_status]': { + drag: { + Menu: { + background: { + color: $mol_theme.hover, + }, + }, + }, + }, - contain: 'none', // otherwise in fullscreen 'fixed' positions plot relative to parent is not in the viewport + Start: { + background: { + color: $mol_theme.back, + }, + padding: { + top: '6rem', + }, + flex: { + grow: 1, + direction: 'column', + }, + align: { + items: 'center', + }, + }, - '[mol_drop_status]': { - drag: { - Menu: { - background: { - color: $mol_theme.hover, - }, - }, - }, - }, + Menu: { + Body_content: { + gap: $mol_gap.block, + maxWidth: '25rem', + flex: { + direction: 'row', + }, + }, + Head: { + justify: { + content: 'flex-start', + }, + }, + }, - Start: { - background: { - color: $mol_theme.back, - }, - padding: { - top: '6rem', - }, - flex: { - grow: 1, - direction: 'column', - }, - align: { - items: 'center', - }, - }, + Data_text: { + font: { + family: 'inherit', + }, + }, - Menu: { - Body_content: { - gap: $mol_gap.block, - maxWidth: '25rem', - flex: { - direction: 'row', - }, - }, - Head: { - justify: { - content: 'flex-start' - }, - }, - }, + Body: { + flex: { + direction: 'column', + grow: 1, + shrink: 1, + }, + }, - Data_text: { - font: { - family: 'inherit', - }, - }, - - Body: { - flex: { - direction: 'column', - grow: 1, - shrink: 1, - }, - }, - - Player: { - flex: { - grow: 1, - basis: '30rem', - }, - }, - - } ) + Player: { + flex: { + grow: 1, + basis: '30rem', + }, + }, + Absolidix_link: { + position: 'fixed', + bottom: '24px', + right: '24px', + fontSize: '32px', + color: 'green', + }, + }); } diff --git a/app/app.web.view.tree b/app/app.web.view.tree index 5d7aebb..72e2325 100644 --- a/app/app.web.view.tree +++ b/app/app.web.view.tree @@ -40,3 +40,7 @@ $optimade_cifplayer_app $mol_drop <= Paste_example $mol_button_minor title \Show example click? <=> paste_example? null + <= Absolidix_link $mol_link + uri \https://absolidix.com + sub / + <= Icon $mol_icon_play_outline