1
0
mirror of https://github.com/github/choosealicense.com synced 2024-06-09 12:47:49 +02:00

More explanation to the user about the suggest feature

This commit is contained in:
Felipe Lube de Bragança 2018-10-18 17:13:48 -03:00
parent 2d3c449b36
commit a5d8c68fe6
2 changed files with 12 additions and 7 deletions

View File

@ -2,9 +2,14 @@
<a href="#" data-clipboard-target="#license-text" data-proofer-ignore="true" class="js-clipboard-button button">Copy license text to clipboard</a>
<h3>Suggest this license</h3>
<div class="repository-suggestion">
<input type="text" data-license-id="{{ page.spdx-id }}" placeholder="Type a repository URL" id="repository-url" title="status" />
<div class="status-indicator"></div>
<div class="repository-suggestion">
<p>You can suggest this license to a Github repository to make it easier for other people to
contribute - this is done by opening a pull request, therefore you need to authenticate with
your Github account to do this.</p>
<div class="input-wrapper">
<input type="text" data-license-id="{{ page.spdx-id }}" placeholder="Type a repository URL" id="repository-url" title="status" />
<div class="status-indicator"></div>
</div>
</div>
<div class="how-to-apply">

View File

@ -301,11 +301,11 @@ strong {
margin-right: 12px;
}
.repository-suggestion {
.input-wrapper {
position: relative;
}
.repository-suggestion .status-indicator {
.input-wrapper .status-indicator {
position: absolute;
right: 5px;
top: 6px;
@ -317,12 +317,12 @@ strong {
border: 4px solid #ddd;
}
.repository-suggestion .status-indicator.fetching {
.input-wrapper .status-indicator.fetching {
border-right-color: transparent;
animation: rotate 0.8s infinite linear;
}
.repository-suggestion .status-indicator.error {
.input-wrapper .status-indicator.error {
border: 4px solid #c6403d;
}