Change fullscreen and panel setup

tilde-lab · Jan 14, 2025 · b3c0323 · b3c0323
1 parent 349b488
commit b3c0323
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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()