diff --git a/hbs2-browser/assets/icon/xclip.svg b/hbs2-browser/assets/icon/xclip.svg index 6d08196a..49a76771 100644 --- a/hbs2-browser/assets/icon/xclip.svg +++ b/hbs2-browser/assets/icon/xclip.svg @@ -1,4 +1,4 @@ - + diff --git a/hbs2-browser/assets/icon/xclipdone.svg b/hbs2-browser/assets/icon/xclipdone.svg new file mode 100644 index 00000000..47e26372 --- /dev/null +++ b/hbs2-browser/assets/icon/xclipdone.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/hbs2-browser/lib/HBS2/Peer/Browser/Assets.hs b/hbs2-browser/lib/HBS2/Peer/Browser/Assets.hs index 6c3524fa..80fb5fcc 100644 --- a/hbs2-browser/lib/HBS2/Peer/Browser/Assets.hs +++ b/hbs2-browser/lib/HBS2/Peer/Browser/Assets.hs @@ -6,7 +6,7 @@ import Data.FileEmbed import Data.ByteString version :: Int -version = 3 +version = 6 cssDir :: [(FilePath, ByteString)] cssDir = $(embedDir "assets") diff --git a/hbs2-git/hbs2-git-oracle/lib/HBS2/Git/Oracle/Html.hs b/hbs2-git/hbs2-git-oracle/lib/HBS2/Git/Oracle/Html.hs index 1715d403..db7b3866 100644 --- a/hbs2-git/hbs2-git-oracle/lib/HBS2/Git/Oracle/Html.hs +++ b/hbs2-git/hbs2-git-oracle/lib/HBS2/Git/Oracle/Html.hs @@ -43,7 +43,8 @@ hyper_ = makeAttribute "_" -- FIXME: move-to-hbs2-browser-lib onClickCopy :: Text -> Attribute -onClickCopy s = hyper_ [qc|on click writeText('{s}') into the navigator's clipboard|] +onClickCopy s = + hyper_ [qc|on click writeText('{s}') into the navigator's clipboard add .clicked to me wait 2s remove .clicked from me|] renderEntries :: Monad m => HashMap Text Text -> [(HashVal, Text, Text, Word64)] -> m ByteString renderEntries args items = pure $ renderBS do diff --git a/hbs2-peer/app/Browser/Root.hs b/hbs2-peer/app/Browser/Root.hs index b1786021..996873e1 100644 --- a/hbs2-peer/app/Browser/Root.hs +++ b/hbs2-peer/app/Browser/Root.hs @@ -246,8 +246,8 @@ form.search button { .xclip:hover::after { content: url('/icon/xclip.svg'); margin-left: 1rem; - height: 16px; - width: 16x; + height: 24x; + width: 24x; vertical-align: top; } @@ -255,6 +255,15 @@ form.search button { text-decoration: underline dotted; } +.clicked:hover::after { + content: url('/icon/xclipdone.svg'); + margin-left: 1rem; + height: 24px; + width: 24x; + vertical-align: top; +} + + |]