Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Mobile fixes for project view
Alexis Sellier committed 4 years ago
commit a84b5d0ec0854e9d2998ef6f8ce568e93557b0b6
parent 682502852294b3225c1b9ced0ef344111c4765cf
5 files changed +22 -9
modified public/index.css
@@ -415,6 +415,11 @@ span.small, .text-xsmall {
.text-big {

	font-size: 1.5rem;

}
+ 
.text-truncate {
+ 
	white-space: nowrap;
+ 
	text-overflow: ellipsis;
+ 
	overflow-x: hidden;
+ 
}



.notice {

	font-size: 0.875rem;
modified src/Input.svelte
@@ -26,7 +26,7 @@
    padding: 0.5rem;

    border: none;

    outline: none;
- 
    width: 24rem;
+ 
    width: 100%;

    text-overflow: ellipsis !important;

    border-radius: 0.25rem;

  }
modified src/base/projects/Browser.svelte
@@ -126,13 +126,15 @@
      border-color: var(--color-secondary-faded);

    }

    .column-right {
- 
      padding: 1rem 0;
+ 
      padding: 1.5rem 0;

      min-width: 0;

    }

    .source-tree {
- 
      padding-top: 1rem;
+ 
      padding: 0 2rem;
+ 
      margin: 1rem 0;

    }

    .container {
+ 
      padding: 0;

      flex-direction: column;

    }

    .column-left {
modified src/base/projects/Header.svelte
@@ -95,7 +95,11 @@
    padding: 1rem;

    display: none;

  }
+ 
  .clone-dropdown {
+ 
    width: 24rem;
+ 
  }

  .clone-dropdown.clone-dropdown-visible {
+ 
    position: absolute;

    display: block;

  }

  .dropdown label {
@@ -126,7 +130,9 @@
  }

  @media (max-width: 720px) {

    .dropdown {
- 
      left: 32px;
+ 
      width: auto;
+ 
      left: 2rem;
+ 
      right: 2rem;

      z-index: 10;

    }

  }
modified src/base/projects/Project.svelte
@@ -95,9 +95,7 @@
    }



    .title {
- 
      font-size: 1.5rem;
- 
      overflow: hidden;
- 
      text-overflow: ellipsis;
+ 
      font-size: 1.375rem;

    }

    .description {

      font-size: 0.875rem;
@@ -122,7 +120,9 @@
      </a>

      <span class="divider">/</span>

    {/if}
- 
    <Link to={rootPath()}>{project.name}</Link>
+ 
    <span class="text-truncate">
+ 
      <Link to={rootPath()}>{project.name}</Link>
+ 
    </span>

    {#if peer}

      <span class="peer-id">

        <span class="divider">/</span><span title={peer}>{formatSeedId(peer)}</span><Clipboard text={peer} />
@@ -130,7 +130,7 @@
    {/if}

  </div>

  <div class="urn">
- 
    <span>{project.urn}</span>
+ 
    <span class="text-truncate">{project.urn}</span>

    <Clipboard small text={project.urn} />

  </div>

  <div class="description">{project.description}</div>