diff options
Diffstat (limited to 'Omni/Jr/Web/Style.hs')
| -rw-r--r-- | Omni/Jr/Web/Style.hs | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs index cf2dcd6..e768cda 100644 --- a/Omni/Jr/Web/Style.hs +++ b/Omni/Jr/Web/Style.hs @@ -519,6 +519,27 @@ statusBadges = do ".badge-done" ? do backgroundColor "#d1fae5" color "#065f46" + ".status-badge-select" ? do + Stylesheet.key "-webkit-appearance" ("none" :: Text) + Stylesheet.key "-moz-appearance" ("none" :: Text) + Stylesheet.key "appearance" ("none" :: Text) + display inlineBlock + padding (px 2) (px 18) (px 2) (px 6) + borderRadius (px 2) (px 2) (px 2) (px 2) + fontSize (px 11) + fontWeight (weight 500) + whiteSpace nowrap + border (px 0) none transparent + cursor pointer + Stylesheet.key "background-image" ("url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M0 2l4 4 4-4z'/%3E%3C/svg%3E\")" :: Text) + Stylesheet.key "background-repeat" ("no-repeat" :: Text) + Stylesheet.key "background-position" ("right 4px center" :: Text) + Stylesheet.key "background-size" ("8px" :: Text) + ".status-badge-select" # hover ? do + opacity 0.8 + ".status-badge-select" # focus ? do + Stylesheet.key "outline" ("2px solid #0066cc" :: Text) + Stylesheet.key "outline-offset" ("1px" :: Text) buttonStyles :: Css buttonStyles = do |