From e566a6eef4eafac8861d4d767bc3b7b103b6bd9b Mon Sep 17 00:00:00 2001 From: 3wc <3wc@doesthisthing.work> Date: Mon, 1 Apr 2024 20:07:38 -0300 Subject: [PATCH] Add help link for status score --- public/style.css | 7 +++++++ src/Pages/Top.elm | 7 +++++-- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/public/style.css b/public/style.css index 1dc24bb..26d04e1 100644 --- a/public/style.css +++ b/public/style.css @@ -51,6 +51,13 @@ input[type=checkbox] { margin-right: 0.5rem; } +a.help { + display: inline-block; + margin-left: 0.5rem; + font-size: 14px; + color: var(--dark-pink); +} + .category-tile { cursor: pointer; } diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm index 02b6799..e52d1b1 100644 --- a/src/Pages/Top.elm +++ b/src/Pages/Top.elm @@ -2,7 +2,7 @@ module Pages.Top exposing (Model, Msg, Params, page) import Enum exposing (Enum) import Html exposing (Html, a, button, div, form, h2, h3, h5, i, img, input, label, li, option, p, select, span, text, ul) -import Html.Attributes exposing (alt, class, classList, for, href, id, src, style, type_, value) +import Html.Attributes exposing (alt, class, classList, for, href, id, src, style, target, type_, value) import Html.Attributes.Aria exposing (ariaLabel) import Html.Events exposing (onClick, onInput) import Http @@ -394,7 +394,10 @@ viewApps model = ] , div [] [ h3 [] [ text "Status" ] - , label [ class "d-block", for "level" ] [ text "Minimum score:" ] + , div [] + [ label [] [ text "Minimum score: " ] + , a [ class "help", target "_blank", href "https://docs.coopcloud.tech/abra/recipes/#status-features-score" ] [ text "(help)" ] + ] , select [ class "search-dropdown", id "level", onInput FilterScore ] [ option [] [ text "any" ] , option [ value "5" ] [ text "5 (amazing)" ]