diff --git a/frontend/src/Config/Format.elm b/frontend/src/Config/Format.elm index a786463..277d617 100755 --- a/frontend/src/Config/Format.elm +++ b/frontend/src/Config/Format.elm @@ -169,14 +169,19 @@ myTooltip str = , D.rounded 5 , D.width 2 , F.center + , clip , E.width <| px 300 , D.color colourTheme.highlightText , F.size 15 , D.shadow { offset = ( 0, 3 ), blur = 6, size = 0, color = rgba 0 0 0 0.32 } + , E.htmlAttribute (H.style "position" "fixed") + , E.htmlAttribute (H.style "z-index" "9999") + , F.color colourTheme.nonHighlightedText + , F.regular + , F.size 14 ] (text str) - |> el [ F.color colourTheme.nonHighlightedText, F.regular, F.size 14 ] tooltip : (Element msg -> Attribute msg) -> Element Never -> Attribute msg diff --git a/frontend/src/Cuckery/Helpers.elm b/frontend/src/Cuckery/Helpers.elm index 0fa1f31..40564c9 100755 --- a/frontend/src/Cuckery/Helpers.elm +++ b/frontend/src/Cuckery/Helpers.elm @@ -119,12 +119,6 @@ makeDodge dodgeEntry index = , column [ spacing 8 , width fill - , paddingEach - { top = 0 - , right = 0 - , bottom = 0 - , left = 35 - } ] [ propositionMaker dodgeEntry , reductioMaker dodgeEntry diff --git a/frontend/src/Interviews/Helpers.elm b/frontend/src/Interviews/Helpers.elm index 5539416..10c2889 100755 --- a/frontend/src/Interviews/Helpers.elm +++ b/frontend/src/Interviews/Helpers.elm @@ -96,43 +96,39 @@ makeAppearance appearanceEntry index = , width fill ] ) - [ appearanceEpisode appearanceEntry index - , experienceMaker appearanceEntry - , dateMaker appearanceEntry - , subjectMaker appearanceEntry - , subjectList appearanceEntry - ] - - -appearanceEpisode : Appearance -> Int -> Element msg -appearanceEpisode appearanceEntry index = - row - (paragraphFormat - ++ [ F.size 18 - , E.width fill - , paddingEach - { top = 0 - , bottom = 0 - , left = 35 - , right = 0 - } - ] - ) - [ text (String.fromInt index ++ ". ") - , paragraphLinkFormat - { url = appearanceEntry.appearanceLink - , label = - row - [ F.size 18 + [ row + [ width fill + , paddingEach + { top = 0 + , right = 0 + , bottom = 0 + , left = 35 + } + ] + [ column + (paragraphFormat + ++ [ F.size 18 + , alignTop + , alignRight + , F.alignRight + ] + ) + [ text (String.fromInt index ++ ". ") ] + , column + [ spacing 8 + , width fill + ] + [ column + [ spacing 8 + , width fill ] - [ text ("#" ++ appearanceEntry.appearanceEpisode ++ ": " ++ appearanceEntry.appearanceTitle) - |> el - [ F.color colourTheme.highlightText - , mouseOver [ F.color colourTheme.highlightTextHover ] - , transitionStyle - ] + [ experienceMaker appearanceEntry + , dateMaker appearanceEntry + , subjectMaker appearanceEntry + , subjectList appearanceEntry ] - } + ] + ] ] @@ -141,12 +137,6 @@ experienceMaker appearanceEntry = row [ width fill , height fill - , paddingEach - { top = 0 - , bottom = 0 - , left = 55 - , right = 0 - } ] [ column [ E.alignTop, E.alignLeft ] @@ -154,7 +144,7 @@ experienceMaker appearanceEntry = [ el [ tooltip below (myTooltip "This represents how pleasant it was to interact with the host(s).") ] (text "Pleasantness:") ] ] , column - [ E.width fill, E.alignLeft, centerY, height fill ] + [ E.width fill, E.alignLeft ] [ barMaker getExperienceTooltip appearanceEntry.appearanceExperience ] ] @@ -204,12 +194,6 @@ dateMaker appearanceEntry = row paragraphBoldFormat [ column [ alignTop - , paddingEach - { top = 0 - , right = 0 - , bottom = 0 - , left = 55 - } ] [ text "Published:" ] @@ -236,12 +220,6 @@ subjectMaker appearanceEntry = row paragraphBoldFormat [ column [ alignTop - , paddingEach - { top = 0 - , right = 0 - , bottom = 0 - , left = 55 - } ] [ text "Subjects:" ] @@ -257,7 +235,7 @@ subjectList appearanceEntry = { top = 0 , right = 0 , bottom = 0 - , left = 75 + , left = 25 } ] <|