diff --git a/player/player.view.css.ts b/player/player.view.css.ts index 56e2bc8..19c6bfa 100644 --- a/player/player.view.css.ts +++ b/player/player.view.css.ts @@ -62,6 +62,7 @@ namespace $.$$ { pointerEvents: 'none', position: 'absolute', zIndex: 1, + fontSize: '13px', flex: { direction: 'column', }, diff --git a/player/player.view.tree b/player/player.view.tree index dffc8a9..01ffa2b 100644 --- a/player/player.view.tree +++ b/player/player.view.tree @@ -1,6 +1,8 @@ $optimade_cifplayer_player $mol_view data? null externals? null + fullscreen? true + skip_panel? false atom_radius_scale 0.6 zoom_scale_step 0.3 - @@ -100,9 +102,6 @@ $optimade_cifplayer_player $mol_view Icon <= Center_icon $mol_icon_image_filter_center_focus <= Tools $mol_view sub / - <= Fullscreen $mol_check - checked? <=> fullscreen? false - Icon <= Expand_icon $mol_icon_arrow_expand_all <= Zoom_section $mol_list sub / <= Zoom_up $mol_button_minor @@ -111,7 +110,6 @@ $optimade_cifplayer_player $mol_view <= Zoom_down $mol_button_minor click? <=> zoom_down? null sub / <= Zoom_down_icon $mol_icon_magnify_minus_outline - ^ lights_toggle / <= Lights $mol_lights_toggle <= Overlays $mol_view sub <= overlays_sub / <= Switch_overlay $mol_switch diff --git a/player/player.view.web.ts b/player/player.view.web.ts index b3facf6..a235d5e 100644 --- a/player/player.view.web.ts +++ b/player/player.view.web.ts @@ -12,15 +12,7 @@ namespace $.$$ { @ $mol_mem external_theme_auto() { - const external = this.externals()?.theme - if( !external ) return - - this.$.$mol_lights( external == 'light' ? true : false ) - } - - @ $mol_mem - lights_toggle() { - return this.externals()?.theme ? [] : super.lights_toggle() + this.$.$mol_lights( true ) } @ $mol_mem @@ -136,7 +128,7 @@ namespace $.$$ { canvas.width = metrics.width * 3.5 canvas.height = 30 - context.font = "italic 28px sans-serif" + context.font = "28px sans-serif" context.textAlign = "center" context.textBaseline = "middle" context.fillStyle = this.$.$mol_lights() ? "#000" : "#fff" @@ -508,7 +500,7 @@ namespace $.$$ { atoms.forEach( ( atom: InstanceType< THREE["Object3D"] >, i: number ) => { const start = atom.position.toArray() const [ x, y, z ] = phonon[ i ].map( ( v, i ) => start[ i ] + v * phonon_amp ) - + this.tweens.add( new TWEEN.Tween( atom.position ).to( { x, y, z }, 750 ) .easing( TWEEN.Easing.Cubic.InOut ).repeat( Infinity ).yoyo( true ).start() ) @@ -578,7 +570,7 @@ namespace $.$$ { @ $mol_mem left_panel(): readonly any[] { - if (this.externals()?.skip_panel) return [] + if (this.skip_panel()) return [] try { this.structure_3d_data()