75b2fb6 Add `rad-cli` to clone dropdown — radicle-explorer

Radicle web interface

Add `rad-cli` to clone dropdown

Alexis Sellier committed 4 years ago

commit 75b2fb672ec610b71ad126f6fd13a0d52cc5d973
parent cd1f5f8f0c3e8ce69a8eaa177866ae7d51e5d75a

3 files changed +19 -10

modified public/index.css

@@ -306,6 +306,15 @@ label.input {

 	background-color: var(--color-negative);
 }
 .dropdown {
 	background-color: var(--color-foreground-background);
 	margin-top: 0.5rem;
 	position: absolute;
 	box-shadow: 16px 16px 32px 32px var(--color-shadow);
 	z-index: 10;
 	border-radius: 0.25rem;
 }
 .error {
 	color: var(--color-negative) !important;
 	border-color: var(--color-negative) !important;

modified src/Dropdown.svelte

@@ -16,9 +16,7 @@

     background-color: var(--color-foreground-background);
     padding: 0.5rem 0;
     margin-top: 0.5rem;
     border-radius: 0.25rem;
     position: absolute;
     box-shadow: 16px 16px 32px 32px var(--color-shadow);
   }
   .dropdown-item {
     cursor: pointer;

modified src/base/projects/Header.svelte

@@ -93,12 +93,8 @@

     background-color: var(--color-foreground-background-lighter);
   }
   .dropdown {
     background-color: var(--color-foreground-background);
     padding: 1rem;
     margin-top: 0.5rem;
     border-radius: 0.25rem;
     display: none;
     position: absolute;
   }
   .clone-dropdown.clone-dropdown-visible {
     display: block;

@@ -160,14 +156,20 @@

         class:clone-dropdown-visible={dropdownState.clone}
       >
         <Input
           name="clone-url"
           name="rad-clone-url"
           value="rad clone rad://{seed.git.host}/{utils.parseRadicleId(urn)}"
           class="yellow"
           clipboard
         />
         <label for="rad-clone-url">Use the Radicle CLI to clone this project.</label>
         <br />
         <Input
           name="git-clone-url"
           value="https://{seed.git.host}/{utils.parseRadicleId(urn)}.git"
           class="yellow"
           clipboard
         />
         <label for="clone-url"
           >Use Git to clone this repository from the URL above.</label
         >
         <label for="git-clone-url">Use Git to clone this repository from the URL above.</label>
       </div>
     </span>
   {/if}