From 6c9f29bc5688f9df6ef67ac1aec9528bdec06bd6 Mon Sep 17 00:00:00 2001
From: Paul Schneider <paul@pschneider.fr>
Date: Sun, 19 Jun 2022 14:17:36 +0100
Subject: [PATCH] MEF

---
 README.md                              |  2 +-
 src/isnd/Views/Packages/Details.cshtml | 16 +++++++---------
 src/isnd/wwwroot/css/site.css          | 14 +++++++++++---
 src/isnd/wwwroot/css/site.scss         | 16 +++++++++++++---
 4 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 8b29c4d..cd19d2a 100644
--- a/README.md
+++ b/README.md
@@ -74,5 +74,5 @@ sudo systemctl start isnd
 sudo cp -a src/isn/bin/Release/netcoreapp2.1/* /usr/local/lib/isn
 sudo chown -R root.root /usr/local/lib/isn
 ````
-
+ 
 ## TODO
diff --git a/src/isnd/Views/Packages/Details.cshtml b/src/isnd/Views/Packages/Details.cshtml
index 9e0c145..0341901 100644
--- a/src/isnd/Views/Packages/Details.cshtml
+++ b/src/isnd/Views/Packages/Details.cshtml
@@ -1,5 +1,4 @@
 @model PackageDetailViewModel
-
 @{
     ViewData["Title"] = "Details";
 }
@@ -24,7 +23,6 @@
         </dd>
         <dt>
             @Html.DisplayNameFor(model => model.latest.FullString)
-            
         </dt>
         <dd>
             <a href="@Model.latest.NugetLink" >@Html.DisplayFor(model => model.latest.FullString)</a>
@@ -32,15 +30,15 @@
             <i class="extinfo">(version count : @Model.totalHits)</i>
         </dd>
     </dl>
+    
     <h4>Integration</h4>
     <hr />
-        <pre>
-        <code 
-         title="click pour copie" 
-         onclick="navigator.clipboard.writeText(this.innerText);alert('copié')">&lt;PackageReference Include="@Model.pkgid" Version="@Model.latest.FullString" /&gt;</code>
-        </pre>
-</div>
-<div>
+    <div class="shadowbox">
+        <button class="far fa-copy" style="float:right" onclick="navigator.clipboard.writeText($('#code').text());this.innerText='copied'" >copy</button>
+        <pre><code id="code" >&lt;PackageReference Include="@Model.pkgid" Version="@Model.latest.FullString" /&gt;</code></pre> 
+    </div>
+    <div>
     @Html.ActionLink("Edit", "Edit", new { pkgid = Model.pkgid, version = Model.latest.FullString }) |
     <a asp-action="Index">Back to List</a>
+    </div>
 </div>
diff --git a/src/isnd/wwwroot/css/site.css b/src/isnd/wwwroot/css/site.css
index 695e522..8c14d74 100644
--- a/src/isnd/wwwroot/css/site.css
+++ b/src/isnd/wwwroot/css/site.css
@@ -7835,7 +7835,15 @@ a.text-dark:hover, a.text-dark:focus {
   font-size: small;
   font-family: cursive; }
 
-pre code {
-  color: #a9ffff;
-  background-color: #2e2d2d;
+.shadowbox {
+  color: #000;
+  font-family: Arial, Helvetica, sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  border: 1px solid #333;
+  box-shadow: 8px 8px 5px #444;
+  padding: 8px 12px;
+  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc); }
+
+.fa-copy {
   cursor: copy; }
diff --git a/src/isnd/wwwroot/css/site.scss b/src/isnd/wwwroot/css/site.scss
index a2a0b27..5fce340 100644
--- a/src/isnd/wwwroot/css/site.scss
+++ b/src/isnd/wwwroot/css/site.scss
@@ -95,8 +95,18 @@ background-color: black;
     font-family: cursive;
 }
 
-pre code {
-    color: rgb(169, 255, 255);
-    background-color: rgb(46, 45, 45);
+
+.shadowbox {
+  color:#000;
+  font-family: Arial, Helvetica, sans-serif;
+  font-style: normal;
+  font-weight: bold;
+  border: 1px solid #333;
+  box-shadow: 8px 8px 5px #444;
+  padding: 8px 12px;
+  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
+}
+
+.fa-copy {
     cursor: copy;
 }
\ No newline at end of file