docs/choosealicense.com
docs/choosealicense.com
1
0
Fork 0
mirror of https://github.com/github/choosealicense.com synced 2024-12-22 12:50:24 +01:00
Code Issues Releases Wiki Activity

More explanation to the user about the suggest feature

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_includes/sidebar.html
View File

@ -3,9 +3,14 @@
<a href="#" data-clipboard-target="#license-text" data-proofer-ignore="true" class="js-clipboard-button button">Copy license text to clipboard</a> <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> <h3>Suggest this license</h3>
<div class="repository-suggestion"> <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" /> <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="status-indicator"></div>
</div> </div>
</div>
<div class="how-to-apply"> <div class="how-to-apply">
<h3>How to apply this license</h3> <h3>How to apply this license</h3>

8
assets/css/application.scss
View File

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