@@ -26,14 +26,18 @@ const VELOCITY_THRESHOLD = 0.3; // px/ms
2626const CARD_TRANSITION = 'transform 0.3s cubic-bezier(0.4,0,0.2,1)' ;
2727
2828function updateCardToggleButton ( enabled ) {
29- if ( enabled !== undefined ) {
30- cardModeEnabled = enabled ;
31- localStorage . setItem ( 'cardMode' , enabled ) ;
32- }
29+ cardModeEnabled = enabled ;
30+ localStorage . setItem ( 'cardMode' , enabled ) ;
3331 const button = document . getElementById ( 'card-mode-toggle' ) ;
34- if ( ! button ) return ;
35- button . classList . toggle ( 'active' , cardModeEnabled ) ;
36- button . title = cardModeEnabled ? 'Disable floating cards' : 'Enable floating cards' ;
32+ if ( button ) {
33+ button . classList . toggle ( 'active' , cardModeEnabled ) ;
34+ button . title = cardModeEnabled ? 'Disable floating cards' : 'Enable floating cards' ;
35+ }
36+ if ( enabled && Events . currentEvent ) {
37+ showEventCard ( Events . currentEvent ) ;
38+ } else if ( ! enabled ) {
39+ hideEventCard ( ) ;
40+ }
3741}
3842
3943function buildCardContent ( container , event ) {
@@ -225,7 +229,6 @@ function initEventCard() {
225229
226230 if ( gestureAxis === 'vertical' ) {
227231 if ( deltaY > SWIPE_THRESHOLD ) {
228- hideEventCard ( ) ;
229232 updateCardToggleButton ( false ) ;
230233 }
231234 return ;
@@ -274,14 +277,9 @@ function initEventCard() {
274277 } ) ;
275278
276279 const toggleButton = document . getElementById ( 'card-mode-toggle' ) ;
277- updateCardToggleButton ( ) ;
280+ updateCardToggleButton ( cardModeEnabled ) ;
278281 toggleButton . addEventListener ( 'click' , ( ) => {
279282 updateCardToggleButton ( ! cardModeEnabled ) ;
280- if ( cardModeEnabled && Events . currentEvent ) {
281- showEventCard ( Events . currentEvent ) ;
282- } else if ( ! cardModeEnabled ) {
283- hideEventCard ( ) ;
284- }
285283 } ) ;
286284}
287285
0 commit comments