Skip to content

fix card hiding #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jul 7, 2024
Merged

fix card hiding #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4bef46a
fix card hiding
stan-donarise Jun 29, 2024
5089304
Merge remote-tracking branch 'upstream/main'
stan-donarise Jun 30, 2024
23a680c
$optimade_tmdne_html_view removed
stan-donarise Jun 30, 2024
ebaf73a
Merge remote-tracking branch 'upstream/main'
stan-donarise Jul 7, 2024
2eb1b6b
param_min_height prop added
stan-donarise Jul 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/app.view.css.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ namespace $.$$ {
},
},

Param_symbol_html: {
Param_symbol: {
flex: {
direction: 'row',
},
Expand Down
11 changes: 6 additions & 5 deletions app/app.view.tree
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,22 +33,23 @@ $optimade_tmdne_app $mol_view
<= Param* $mol_view
sub /
<= Param_name* $mol_paragraph
minimal_height 24
title <= param_name* \
<= Param_symbol_html* $optimade_tmdne_html_view
<= Param_symbol* $mol_html_view
minimal_height <= param_min_height 24
html <= param_symbol* \
\=
<= Param_value* $mol_view
minimal_height 24
sub /
<= param_value* \
<= Param_unit* $optimade_tmdne_html_view
<= Param_unit* $mol_html_view
minimal_height <= param_min_height
html <= param_unit* \
<= Param_mae* $mol_view
sub /
\(±
<= param_mae* \
<= Param_mae_unit* $optimade_tmdne_html_view
<= Param_mae_unit* $mol_html_view
minimal_height <= param_min_height
html <= param_unit* \
\)
<= Foot $mol_view
Expand Down
7 changes: 3 additions & 4 deletions card/card.view.css.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,11 @@ namespace $.$$ {
background: {
color: $mol_theme.back,
},
bottom: '-10rem',
position: 'relative',
transition: 'bottom 0.7s',
transform: 'translateY(110%)',
transition: 'transform 0.7s',
'[loaded]': {
'true': {
bottom: 0,
transform: 'none',
},
},
border: {
Expand Down
3 changes: 2 additions & 1 deletion card/card.view.tree
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,8 @@ $optimade_tmdne_card $optimade_tmdne_swipe
attr *
card_position <= card_position \
sub /
<= Name $optimade_tmdne_html_view
<= Name $mol_html_view
minimal_height 24
html <= name \
<= Question $mol_paragraph
title \Do you think it's synthesizable?
Expand Down
23 changes: 0 additions & 23 deletions html/html.view.css.ts
View file
Open in desktop

This file was deleted.

12 changes: 0 additions & 12 deletions html/html.view.tree
View file
Open in desktop

This file was deleted.

12 changes: 0 additions & 12 deletions html/html.view.ts
View file
Open in desktop

This file was deleted.

3 changes: 3 additions & 0 deletions swipe/swipe.view.tree
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ $optimade_tmdne_swipe $mol_view
speed_threshold 1
right_threshold <= threshold 60
left_threshold <= threshold
swipe_distance 300
transition_smooth \left 0.5s
passed \
swiped_to? \
swipe_to_right null
Expand All @@ -19,6 +21,7 @@ $optimade_tmdne_swipe $mol_view
style *
left <= left \0px
transition <= transition? \

pointer_holding? false
event *
^
Expand Down
10 changes: 5 additions & 5 deletions swipe/swipe.view.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,21 +36,21 @@ namespace $.$$ {
}

move_to_middle() {
this.transition( 'left 0.5s' )
this.transition( this.transition_smooth() )
this.swiped_to('')
this.x( 0 )
}

swipe_to_right() {
this.transition( 'left 0.5s' )
this.transition( this.transition_smooth() )
this.swiped_to( 'right' )
this.x( 300 )
this.x( this.swipe_distance() )
}

swipe_to_left() {
this.transition( 'left 0.5s' )
this.transition( this.transition_smooth() )
this.swiped_to( 'left' )
this.x( -300 )
this.x( - this.swipe_distance() )
}

@ $mol_mem
Expand Down