Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Move .label, secondary, .highlight -> .txt-highlight
Rūdolfs Ošiņš committed 3 years ago
commit 1d186d5328c8eb132d4d058f534c55dc1e216b02
parent afbcf8a72ee0508a62efd318a6e21b4c5f68905f
12 files changed +27 -27
modified public/index.css
@@ -134,11 +134,6 @@ a.address {
  overflow-x: hidden;

  padding: 1rem;

}
- 
.highlight,
- 
.secondary,
- 
.label {
- 
  color: var(--color-secondary);
- 
}

.faded {

  color: var(--color-foreground-5);

}
modified public/typography.css
@@ -50,6 +50,9 @@ html {
p {

  margin: 1rem 0;

}
+ 
.txt-highlight {
+ 
  color: var(--color-secondary);
+ 
}



.txt-title {

  font-size: var(--font-size-large);
modified src/Form.svelte
@@ -186,7 +186,7 @@


<div class="fields">

  {#each formFields as field}
- 
    <div class="label">
+ 
    <div class="label txt-highlight">

      {field.label || capitalize(field.name)}

    </div>

    <div>
modified src/NotFound.svelte
@@ -11,7 +11,9 @@
<Modal subtle>

  <span slot="title">🏜️</span>

  <span slot="body">
- 
    <p class="highlight txt-medium"><span class="txt-bold">{title}</span></p>
+ 
    <p class="txt-medium txt-highlight">
+ 
      <span class="txt-bold">{title}</span>
+ 
    </p>

    <p>{subtitle}</p>

  </span>

  <span slot="actions">
modified src/Profile.svelte
@@ -181,16 +181,16 @@
    <div class="fields">

      <!-- ID -->

      {#if profile.id}
- 
        <div class="label">ID</div>
+ 
        <div class="txt-highlight">ID</div>

        <RadicleUrn urn={profile.id} />

      {/if}

      <!-- Seed Address -->

      {#if profile.seed && profile.seed.valid}
- 
        <div class="label">Seed</div>
+ 
        <div class="txt-highlight">Seed</div>

        <SeedAddress seed={profile.seed} port={config.seed.link.port} />

      {/if}

      <!-- Address -->
- 
      <div class="label">Address</div>
+ 
      <div class="txt-highlight">Address</div>

      <div class="desktop">

        <Address {config} {profile} address={profile.address} />

      </div>
@@ -200,7 +200,7 @@
      <div class="desktop" />

      <!-- Owner -->

      {#if profile.org}
- 
        <div class="label">Owner</div>
+ 
        <div class="txt-highlight">Owner</div>

        <div class="desktop">

          <Address resolve {config} address={profile.org.owner} />

        </div>
@@ -210,7 +210,7 @@
        <div class="desktop" />

      {/if}

      <!-- Org Name/Profile -->
- 
      <div class="label">Profile</div>
+ 
      <div class="txt-highlight">Profile</div>

      {#if profile.org}

        {#if utils.isAddressEqual(profile.address, profile.org.address)}

          <div class="overflow-text">
modified src/base/faucet/Withdraw.svelte
@@ -77,7 +77,7 @@
    <span slot="body" class="loader">

      {#if state.status === Status.Success}

        The amount of {amount} RAD tokens has been successfully transfered to
- 
        <span class="highlight">{requester}</span>
+ 
        <span class="txt-highlight">{requester}</span>

      {:else}

        <Loading small center />

      {/if}
modified src/base/projects/Commit/CommitTeaser.svelte
@@ -99,7 +99,7 @@
        <CommitVerifiedBadge {commit} />

      </div>

    {/if}
- 
    <span class="secondary hash">{formatCommit(commit.header.sha1)}</span>
+ 
    <span class="hash txt-highlight">{formatCommit(commit.header.sha1)}</span>

    <!-- svelte-ignore a11y-click-events-have-key-events -->

    <div

      class="browse"
modified src/base/registrations/Submit.svelte
@@ -94,7 +94,7 @@
    <span slot="body" class="loader">

      {#if $state.connection === State.Registered}

        This name has been successfully registered to
- 
        <span class="highlight">{registrationOwner}</span>
+ 
        <span class="txt-highlight">{registrationOwner}</span>

      {:else if $state.connection === State.WaitingToRegister && $state.commitmentBlock}

        <BlockTimer

          {latestBlock}
modified src/base/registrations/View.svelte
@@ -231,7 +231,7 @@
  </ErrorModal>

{:else if state.status === Status.NotFound}

  <Modal subtle>
- 
    <span slot="title" class="secondary">
+ 
    <span slot="title" class="txt-highlight">

      <div>🍄</div>

      {domain}

    </span>
modified src/base/seeds/View.svelte
@@ -158,21 +158,21 @@


    <div class="fields">

      <!-- Seed Address -->
- 
      <div class="label">Address</div>
+ 
      <div class="txt-highlight">Address</div>

      <SeedAddress {seed} port={seed.link.port} />

      <!-- Seed ID -->
- 
      <div class="label">Seed ID</div>
+ 
      <div class="txt-highlight">Seed ID</div>

      <div class="seed-label">

        {formatSeedId(seed.id)}

        <Clipboard small text={seed.id} />

      </div>

      <div class="desktop" />

      <!-- API Port -->
- 
      <div class="label">API Port</div>
+ 
      <div class="txt-highlight">API Port</div>

      <div>{seed.api.port}</div>

      <div class="desktop" />

      <!-- API Version -->
- 
      <div class="label">Version</div>
+ 
      <div class="txt-highlight">Version</div>

      <div>{seed.version}</div>

      <div class="desktop" />

    </div>
modified src/base/vesting/Index.svelte
@@ -103,27 +103,27 @@
      {:else}

        <table>

          <tr>
- 
            <td class="label">Beneficiary</td>
+ 
            <td class="txt-highlight">Beneficiary</td>

            <td>

              <Address {config} address={info.beneficiary} compact resolve />

            </td>

          </tr>

          <tr>
- 
            <td class="label">Allocation</td>
+ 
            <td class="txt-highlight">Allocation</td>

            <td>

              {info.totalVesting}

              <span class="txt-bold">{info.symbol}</span>

            </td>

          </tr>

          <tr>
- 
            <td class="label">Withdrawn</td>
+ 
            <td class="txt-highlight">Withdrawn</td>

            <td>

              {info.withdrawn}

              <span class="txt-bold">{info.symbol}</span>

            </td>

          </tr>

          <tr>
- 
            <td class="label">Withdrawable</td>
+ 
            <td class="txt-highlight">Withdrawable</td>

            <td>

              {info.withdrawableBalance}

              <span class="txt-bold">{info.symbol}</span>
modified src/components/Modal/SearchResults.svelte
@@ -36,7 +36,7 @@
<Modal center floating>

  <span slot="title">️🔍</span>

  <span slot="subtitle">
- 
    <p class="highlight txt-medium">
+ 
    <p class="txt-highlight txt-medium">

      <span class="txt-bold">

        Results for <q>{query}</q>

      </span>
@@ -44,7 +44,7 @@
  </span>

  <span class="results" slot="body">

    {#if results.projects.length > 0}
- 
      <p class="highlight txt-medium">Projects</p>
+ 
      <p class="txt-highlight txt-medium">Projects</p>

      <ul>

        {#each results.projects as project}

          <li>
@@ -64,7 +64,7 @@
      </ul>

    {/if}

    {#if results.profiles.length > 0}
- 
      <p class="highlight txt-medium">ENS names</p>
+ 
      <p class="txt-highlight txt-medium">ENS names</p>

      <ul>

        {#each results.profiles as profile}

          <li>