+21 -19

src/Applications/UI/Tracks/Scene/Covers.elm

reviewed

··· 66 66 67 67 view_ : Dependencies -> Html Msg 68 68 view_ deps = 69 69 - chunk 69 69 + Html.div 70 70 [ C.flex 71 71 , C.flex_basis_0 72 72 , C.flex_col ··· 108 108 , C.text_almost_sm 109 109 ] 110 110 [ Scene.shadow 111 111 - , chunk 111 111 + , Html.div 112 112 [ C.bg_white 113 113 , C.flex 114 114 , C.items_center ··· 124 124 [ sortGroupButtons deps.sortBy 125 125 126 126 -- 127 127 - , chunk 127 127 + , Html.div 128 128 [ C.flex 129 129 , C.flex_auto 130 130 , C.items_center ··· 263 263 ------------ 264 264 , C.dark__bg_darkest_hour 265 265 ] 266 266 - [ chunk 266 266 + [ Html.div 267 267 [ C.flex 268 268 , C.font_semibold 269 269 , C.h_8 ··· 288 288 ] 289 289 290 290 -- 291 291 - , chunk 291 291 + , Html.div 292 292 [ C.mb_6 293 293 , C.neg_top_px 294 294 , C.mt_4 ··· 318 318 } 319 319 0 320 320 ) 321 321 - |> chunk 321 321 + |> Html.div 322 322 [ ifThenElse condensedView C.px_px C.px_0 ] 323 323 - |> chunky 323 323 + |> List.singleton 324 324 + |> Html.div 324 325 [ C.flex_auto 325 326 , C.flex_basis_0 326 327 , C.overflow_hidden ··· 353 354 , ifThenElse active C.bg_gray_300 C.bg_transparent 354 355 , ifThenElse active C.dark__bg_base01 C.dark__bg_transparent 355 356 ] 356 356 - [ chunk 357 357 + [ Html.div 357 358 [ C.mt_px, C.pt_px ] 358 359 [ label ] 359 360 ] ··· 372 373 373 374 sortGroupButtons : SortBy -> Html Msg 374 375 sortGroupButtons sortBy = 375 375 - chunk 376 376 + Html.div 376 377 [ C.flex 377 378 , C.h_8 378 379 , C.items_center ··· 383 384 ] 384 385 [ sortGroupButton 385 386 { current = sortBy, btn = Artist } 386 386 - (chunk 387 387 + (Html.div 387 388 [ C.inline_flex, C.items_center ] 388 389 [ inline [ C.mr_px ] [ Icons.people_alt 16 Inherit ] 389 390 , inline [ C.ml_1, C.mt_px, C.pl_px, C.pt_px ] [ text "Artists" ] ··· 393 394 -- 394 395 , sortGroupButton 395 396 { current = sortBy, btn = Album } 396 396 - (chunk 397 397 + (Html.div 397 398 [ C.inline_flex, C.items_center ] 398 399 [ inline [ C.mr_px ] [ Icons.album 16 Inherit ] 399 400 , inline [ C.ml_1, C.mt_px, C.pt_px ] [ text "Albums" ] ··· 592 593 raw 593 594 [ case ( shouldRenderGroup, maybeIdentifiers ) of 594 595 ( True, Just identifiers ) -> 595 595 - chunk 596 596 + Html.div 596 597 [ C.neg_ml_4 ] 597 598 [ Scene.group { index = idx } identifiers ] 598 599 ··· 600 601 nothing 601 602 602 603 -- 603 603 - , chunk 604 604 + , Html.div 604 605 [ C.flex, C.flex_wrap ] 605 606 (List.map (itemView { clickable = True, horizontal = False } itemDeps) row) 606 607 ] ··· 635 636 636 637 itemView : ItemViewOptions -> ItemDependencies -> Cover -> Html Msg 637 638 itemView options deps cover = 638 638 - chunk 639 639 + Html.div 639 640 [ C.antialiased 640 641 , C.flex_shrink_0 641 642 , C.font_semibold ··· 715 716 else 716 717 [] 717 718 in 718 718 - chunk 719 719 + Html.div 719 720 [ C.flex_shrink_0 720 721 , C.mr_5 721 722 , C.relative 722 722 - , C.select_none 723 723 724 724 -- 725 725 , ifThenElse clickable C.cursor_pointer C.cursor_default ··· 755 755 , C.dark__bg_white_025 756 756 ] 757 757 [ if not hasBackgroundImage then 758 758 - chunk 758 758 + Html.div 759 759 [ C.absolute 760 760 , C.left_1over2 761 761 , C.neg_translate_x_1over2 ··· 820 820 [] 821 821 ) 822 822 [ C.mr_5 823 823 + , C.relative 823 824 , C.tracking_tad_closer 825 825 + , C.z_10 824 826 825 827 -- 826 828 , ifThenElse clickable C.cursor_pointer C.cursor_default ··· 828 830 , ifThenElse horizontal C.overflow_hidden C.overflow_auto 829 831 , ifThenElse horizontal C.pt_0 C.pt_2 830 832 ] 831 831 - [ chunk 833 833 + [ Html.div 832 834 [ C.mt_px 833 835 , C.pt_px 834 836 , C.truncate ··· 845 847 ] 846 848 847 849 -- 848 848 - , chunk 850 850 + , Html.div 849 851 [ C.mt_px 850 852 , C.pt_px 851 853 , C.text_base05

+6 -1

src/Library/Html/Ext.elm

reviewed

··· 1 1 module Html.Ext exposing (ifEnterKey, onClickStopPropagation, onDoubleTap, onEnterKey, onTap, onTapPreventDefault, onTapStopPropagation) 2 2 3 3 - import Html exposing (Attribute) 3 3 + import Html exposing (Attribute, Html) 4 4 import Html.Events exposing (keyCode, on, preventDefaultOn, stopPropagationOn) 5 5 import Json.Decode as Json 6 6 + 7 7 + 8 8 + lineBreak : Html msg 9 9 + lineBreak = 10 10 + Html.br [] [] 6 11 7 12 8 13 onClickStopPropagation : msg -> Attribute msg